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

.description {
    font-size: 1.1lvw;
    background: linear-gradient(to bottom left, var(--light-beige), var(--dark-beige));
}
.description ul {
    margin-top: 2%;
}
.description ul p {
    font-weight: bolder;
    color: var(--other);
}

@media all and (max-aspect-ratio: 1.75) {
    .description {
        font-size: 1.45lvw;
    }
}
@media all and (max-aspect-ratio: 1.5) {
    .description {
        font-size: 1.6lvw;
    }
}
@media all and (max-aspect-ratio: 1.25) {
    .description {
        font-size: 1.8lvw;
    }
}
@media all and (max-aspect-ratio: 1.1) {
    .section .main {
        flex-direction: column;
    }
    .description {
        font-size: 1.4lvh;
        margin: 2%;
        width: 90%;
        height: 50%;
    }
    .map {
        width: 90%;
        height: 45%;
    }
}