@import url('page_title.css');
@import url('texts.css');
@import url('buttons.css');
@import url('a_element.css');
@import url('section_title.css');
@import url('Fonts.css');


body {
    background-color: #161616;
    height: 100%;
    margin: 0px;
    font-family: NormalText;
}

:root {
    color-scheme: dark; 
}

.Base {
    background-color: #161616;
    min-height: 100%; 
    display: flex;
    align-items: center;
    justify-content: center;
}

.MAIN {
    background-color: #212121;
    width: calc(100% - 20px); /* Account for padding */
    padding: 20px;
    margin-top: 10px;

    border-radius: 8px;
    border-color: #2A2A2A;
    border-width: 2.5px;
    border-style: solid;

    box-sizing: border-box; 
    height: calc(100vh - 40px);
    overflow-y: scroll;
    overflow-x: hidden;
}

.Space {
    background-color: #383838;
}


@media only screen and (min-width: 800px) {
    .MAIN {
        width: 750px;
    }
}