html {
    scroll-behavior: smooth;

}

section {
    scroll-snap-align: start;
}

body {
    font-family: "M PLUS Rounded 1c", sans-serif;
    padding-top: 70px;

}

section {
    min-height: 100vh;
    /* full screen */
    display: flex;
    align-items: center;
    /* vertical center */
    padding: 70px 0;
    /* avoid navbar overlap */
}

.hero-img {
    max-width: 350px;
    border-radius: 20px;
}

.social-icons img {
    width: 20px;
    height: 20px;
    margin-right: 15px;
    cursor: pointer;
}