body,html{
    margin:0;
    padding:0;
    width:100%;
    height:100%;
   }
   
   body{
    background:url(../img/BGGreen.jpeg) 50% 50%;
    background-size:cover;
    font-family:Arial, sans-serigf;
   }
   
   .container{
    width:80%;
    position:absolute;
    top:55%;
    left:50%;
    transform:translate(-50%,-50%);
    text-align:center;
    color:black;
   }

   .logo{
    width:50%;
    position:absolute;
    top:18%;
    left:50%;
    transform:translate(-50%,-50%);
    text-align:center;
    color:rgb(250, 248, 248);
    size: 20px;
   }

   .icon{
    width:5%;
    position:absolute;
    top: 80%;
    left:55%;
    transform:translate(-50%,-50%);
    text-align:center;
    color:rgb(250, 248, 248);
    size: 20px;
   }

   .icon1{
    width:5%;
    position:absolute;
    top: 80%;
    left:45%;
    transform:translate(-50%,-50%);
    text-align:center;
    color:rgb(250, 248, 248);
    size: 20px;
   }
   
   .h1{
    font-size:12px;
    width:50%;
    height:10%;
    position:absolute;
    top:70%;
    left:50%;
    transform:translate(-50%,-50%);
    text-align:center;
    color:rgb(3, 0, 0);
   }

   .h2{
 font-size:14px;
    margin-bottom:10px;
    height:8%;
    position:absolute;
    top:41%;
    left:50%;
    transform:translate(-50%,-50%);
    text-align:center;
    color:rgb(0, 0, 0);
    size: 20px;
   }

   .container h1{
    text-transform:uppercase;
    font-size:80px;
    margin:20px;
    margin-top: 73%;
    letter-spacing:10px;
   }
   
   .count{
    margin:100px 0;
   }
   
   .countd{
    display:inline-block;
    width:100px;
    height:100px;
    border:2px solid;
    top:80%;
    margin:0 30px;
    font-size:12px;
    border-radius:50%;
    overflow:hidden;
   }
   
   .countd span{
    display:block;
    font-size:26px;
    margin-top:14px;
    top:80%;
}