@media only screen and (max-width: 345px){
    .navigate-bar {
        flex-direction: column;
    }
    .nav-btn {
        padding: 0.2rem;
    }
}

@media only screen and (min-width: 600px) {
    #mainPage {
        padding: 0px;
    }
    .nav-btn {
        padding: 0.5rem;
    }
}

@media only screen and (min-width: 600px) and (max-width: 850px){
    .page-barrier1 {
        width: 33rem;
    }
}

@media only screen and (min-width: 850px) {
    .page-barrier1 {
        gap: 1rem;
        width: 50rem;
    }
}