* {
    margin: 0;
    padding: 0;
    /* overflow-y: hidden; */
    scroll-behavior: smooth;
    font-family: "Kanit", sans-serif;
    letter-spacing: 1px;
}

::-webkit-scrollbar {
    display: none;
}


body {

    background-color: rgb(250, 243, 232);
    background-image: linear-gradient(to right, #09203f 0%, #537895 90%);

    /* background-color: rgb(41, 40, 38); */
}

#Features {
    /* margin-top: 1.5vw; */
    width: 100%;
    height: 100vh;
    aspect-ratio: 1;
    transition: height 1s;
}

@media (max-width: 950px) {
    #Features {
        height: 120vw;
        transition: height 1s;

    }
}

#ContactPage {
    width: 100%;
    height: 110vh;
    aspect-ratio: 1;
}



/* 
.fade-in-out {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-in-out.visible {
    opacity: 1;
    transform: translateY(0);
} */


html {
    scroll-snap-type: y mandatory;
}

/* .Scroll {
    scroll-snap-align: start;
} */