/*
    Кароч тут просто общий стиль
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

:root {
    color-scheme: var(--color-scheme, light dark);
    --border-radius: 8px;
}

img {
    border-radius: var(--border-radius);
}

p {
    color: CanvasText;
}

a:link,
a:visited,
a:hover,
a:active {
    color: LinkText;
}

button {
    border-radius: 4px;
}

svg
{
    fill: currentColor;
}

#MainContent {
    background-color: Canvas;
    padding: 1%;
    max-width: 70%;
    border-radius: 4px;
    margin: auto;
}

#LoadableContent {
    min-height: 32em;
}

#presentation {
    width: 100%;
    height: 80vh;
    border: none;
    border-radius: var(--border-radius);
}

/*Прикол libreofiice*/
#Оглавление1 {
    border: 1px solid;
    border-radius: var(--border-radius);
    margin: 4em;
    padding: 2em;
}

@media (orientation: portrait) or (max-height: 800px) {

    #MainContent {
        max-width: 100%;
    }
}

pre {
    border: 3px solid;
    border-color: ActiveBorder;
    padding: 8px;
    border-radius: var(--border-radius);
}