@import url('global.css');
@import url('navbar.css');
@import url('animations.css');

#main-section .main {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    color: var(--dark);
    font-size: 1lvw;
}
#main-section .main h1 {
    font-weight: bolder;
    color: var(--other);
    margin-top: 1.5%;
}
#main-section .main ol {
    margin-right: 3%;
    margin-left: 3%;
    margin-top: 3%;
}
#main-section .main ol li {
    margin-bottom: 1%;
    font-size: 1.2lvw;
}

@media all and (max-aspect-ratio: 1.75) {
    #main-section .main,  #main-section .main ol li  {
        font-size: 1.3lvw;
    }
}
@media all and (max-aspect-ratio: 1.5) {
    #main-section .main,  #main-section .main ol li  {
        font-size: 1.4lvw;
    }
}
@media all and (max-aspect-ratio: 1.25) {
    #main-section .main,  #main-section .main ol li  {
        font-size: 1.5lvw;
    }
}
@media all and (max-aspect-ratio: 1.1) {
    #main-section .main,  #main-section .main ol li {
        font-size: 1.65lvh;
    }
}