style.css

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Source Sans Pro', sans-serif;
}

  
  .container{
    background-color: rgb(24, 24, 24);
    height:100vh;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
}

.about-section{
    color: rgb(119, 119, 119);
    font-size: larger;
    display:flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    line-height: 2rem;
}

.about{
    display:flex;
    align-items: center;
    justify-content: center;
    height: 1000px;
    width: 1000px;
}


img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 40%
}

.about-content{
    margin-left: 10px;    
}
.hand{
    display: inline;
    margin-left:20px;

}
.hand :hover{
    transition: transform .8s ease-in-out; 
    transform: rotate(360deg) rotate(360deg) rotate(360deg) rotate(180deg) rotate(-180deg) rotate(-360deg);
}

.construction{
    display:flex;
    justify-content:center;
    align-items: center;

}




section{   
    height:100vh;
    display: flex;
    justify-content:start;
    color: rgb(113 97 84);
    scroll-snap-align: start;
}