body{
  
background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(191,173,98,1) 0%, rgba(0, 183, 255, 0.438) 100%); 

  
    
    
}
 .day{
    text-align: center;
    background-color: rgba(0, 0, 0, 0.322);
    color :rgba(255, 255, 255, 0.712);
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    height: 50px;  
}
.day i{
    font-size: 40px;
}
#gawsan{
    
    background-color: black;
    
}

#gawsan h1{
 

  font-family: 'cursive';
  color:whitesmoke;
  display: flex;
  justify-content: center;
  line-height:250px;
}

section{
    display:flex;
    text-align: justify;
}

.tile{
    width: 350px;
    height:250px;
    margin-inline-start:30px;
    background-color: rgba(8, 8, 8, 0.158);
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 30px;
    color:#293250;
    font-weight: bold;
    border-radius: 5px;
    filter: drop-shadow(0px 4px 4px rgba(117, 180, 159, 0.2));
    text-shadow: #5D737E;
    
}
  a{
    color:azure;
}

.tile i{
    padding-block-start: 10px;
    margin-left: 5%;
}

.tile a{
    color:#293250;
}

a:hover{
   color: red;
}
footer
{
    background-color: black;  
    color:rgba(138, 134, 134, 0.842);
    height: 200px;
}

   
footer > p{
    text-align: center;
    font-weight: bolder;
   padding-top: 10px;
   line-height: 80px;
}
.social {
   text-align: center;
   color:rgba(134, 115, 115, 0.842);
  
}
.social a {
   padding-inline: 10px;
   
 }

.social a :hover{
    color: whitesmoke;
}
    
.top{
  
    margin-top: 3%;
    text-align: justify;
    margin-left: 95%;
}

.top i{
    font-size: 50px;
    color: rgba(0, 0, 0, 0.521);
}

.top a{
    font-size: large;
    color: thistle;
}

footer{
    padding-top: 8px;
}
@media only screen and (max-width: 1100px) {
    .tile{
     font-size: 11px;
     height:110px ;
     width: 200px;
     margin-inline-start: 5px;
    }

    .top{
         font-size: 5px;
         margin-left: 90%;
      
    }
    footer > p{
       font-size: 7px;
    }
    footer{
    padding-top: 8px;
}


  
}