html {
    
   
    background: linear-gradient(90deg, #0080ff 0%, #05509b 100%);
    overflow-y:scroll;
    overflow-x: hidden;
    
  
}
@media screen and (max-width: 820px) {
 html{
    overflow-y: scroll;
 }
    

}

.p {
     height: 100%;
    width: 100%;
    font-weight: 300;
    line-height: 4vw;
    font-size:3vw;
    margin-left: 1vw;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    line-height: 1.6;
    color: #ffff;
    margin-top: 3vw; 
  
    
}
body{
    margin:0;
    overflow-x:hidden;
    }
    
    .footer{
    background:#000;
    padding:30px 0px;
    font-family: 'Play', sans-serif;
    text-align:center;
    }
    
    .footer .row{
    width:100%;
    margin:1% 0%;
    padding:0.6% 0%;
    color:gray;
    font-size:0.8em;
    }
    
    .footer .row a{
    text-decoration:none;
    color:gray;
    transition:0.5s;
    }
    
    .footer .row a:hover{
    color:#fff;
    }
    
    .footer .row ul{
    width:100%;
    }
    
    .footer .row ul li{
    display:inline-block;
    margin:0px 30px;
    }
    
    .footer .row a i{
    font-size:2em;
    margin:0% 1%;
    }
    
    @media (max-width:720px){
    .footer{
    text-align:left;
    padding:5%;
    }
    .footer .row ul li{
    display:block;
    margin:10px 0px;
    text-align:left;
    }
    .footer .row a i{
    margin:0% 3%;
    }
    }