* {
    margin: 0;
    padding: 0;
    background-color: #e5e5e5;
    overflow-x: hidden;
}

body {
    text-align: center;
    overflow-x: hidden;
    overflow-y: auto;
}

.cont {
    scroll-behavior: smooth;
    scroll-snap-type: y mandatory;
}

section {
    scroll-snap-align: center;
}


/* main */

#head {
    animation: head 0.8s ease-in-out infinite alternate;
    transform-origin: center;
    transform-box: fill-box;
}

#hand2 {
    animation: hand 0.8s ease-in-out infinite alternate;
    transform-origin: bottom;
    transform-box: fill-box;
}

#smoke {
    animation: smoke 1.5s infinite alternate;
    transform-origin: bottom;
    transform-box: fill-box;
}

#hello {
    animation: hello 0.25s infinite alternate;
    transform-origin: bottom;
    transform-box: fill-box;
}

@keyframes head {
    from {
        transform: rotateZ(0deg);
    }
    to {
        transform: rotateZ(12deg);
    }
}

@keyframes smoke {
    from {
        transform: translateY(0%);
    }
    to {
        transform: translateY(20%);
    }
}

@keyframes hand {
    from {
        transform: rotateZ(-15deg);
    }
    to {
        transform: rotateZ(5deg);
    }
}

@keyframes hello {
    from {
        transform: rotateZ(-5deg);
    }
    to {
        transform: rotateZ(5deg);
    }
}


/* Education */

.edu {
    padding-left: 1rem;
}


/* Projects */

.carousel-control-prev {
    width: 5% !important;
}

.carousel-control-next {
    width: 5% !important;
}


/* form */

.crd {
    border-radius: 1rem;
    border: 1px solid #000000;
}

#form {
    padding: 2rem;
}

textarea {
    height: 10rem;
    resize: none;
}


/* footer */

#footer {
    background-color: #353535;
    color: #fff;
}