styles.css

*{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
}
html{
    scroll-behavior: smooth;
}

#heading{
    font-size: 100px;
}
.headings{
    font-family: 'Qahiri', sans-serif;
    font-weight: 400;
}
.center-items{
    transform: translateY(50%);
}
.white-box{
    max-width: 300px;
    padding: 15px;
    border: 10px solid #f2a5a5;
    border-radius: 10px;
    
}
.white-box:hover{
    box-shadow: 14px 20px #873232;
}
.scroll-mouse{
    position: fixed;
    bottom: 10%;
    left: 47%;
    background-color: white;
    border: 5px solid white;
    border-radius: 10px;
    box-shadow: 5px 5px #b9b7b7;
    animation-name: mouse;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
}

@keyframes mouse {
    0%{
        transform: translateY(0px);
    }
    100%{
        transform: translateY(50px);
    }
}