style.css

body {
    margin-top: 70px;
    background-color: aqua;
    
    

}



.container{
height: 550px;
}
h1{
    color:black;
    font-weight: bolder;
    font-size: 24px;
    text-shadow: 2px 3px 4px white;
}

h4{
    padding: 10px;
}


.OutputVal{
  padding-left: 10px;
}







footer{
color:white;
font-weight: bolder;
height: 200px;
padding-top: 20px;
align-content: center;
text-align: center;
background-color: black;
background-attachment: fixed;
}


.fa {
padding: 20px;
font-size: 30px;
width: 80px;
text-align: center;
text-decoration: none;
border-radius: 29px;
}

.fa-facebook {
background: #3B5998;
color: white;

}

.fa-youtube {
background-color: #bb0000;
color: white;
}

.fa:hover{
opacity: 0.7;
}


::-webkit-scrollbar{
    width: 20px;}
    
    ::-webkit-scrollbar-track{
    border-radius: 10px;
    border: 2px solid black ;
    }
    
    ::-webkit-scrollbar-thumb{
     background-image:linear-gradient(blue, aqua);
     border-radius: 15px;
    
    }
    
    
    ::-webkit-scrollbar-thumb:hover{
    background-color:midnightblue;
    }