.logo{
    font-size: 30px;
    font-weight: bolder;
     font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
     color:aliceblue;
     text-align: center;
     text-shadow: 1px 3px 3px black;
 }
 .sub{
     color:white;
     text-align: center;
     font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
 }
 h1{
    text-shadow: 4px 2px 2px black;
 }
 .phrase,h2{
    font-size: 25px;
    text-shadow: 2px 2px 2px black;
    border-radius: 20px;
 }
 body{
  
     background-image: url(Bouddha01.jpg);
     background-size:cover;
     background-repeat: no-repeat;
 }

 nav{
    display: flex;
    justify-content: space-between;
    margin-top: 10px; 
     padding: 9px;
     background-color: grey;
     opacity: 0.5;
     border-radius: 10px;
 }
   
 a{  
     text-decoration:none;
     color:white;
     font-size: 25px;
     text-shadow: 2px 2px 2px black;
     
    
 }
 /* #wander{
    width: 200px;
    border-radius: 100px; */
 
 input{
     height: 30px;
     width: 20%;
     border-radius: 20px;
 }
 i{
     margin-top: 7px;
   margin-left: -150px;  
 }
 a:hover{
    transition: 0.6s;
     color: blue;
     font-size: 20px; 
 }
 nav:hover{
    transition: 0.9s;
     background-color: tan;
 }
 .icons{
     width: 20px;
     margin-left: 20px;
 }
 footer{
     text-align: center;
     margin-top:400px;
     
 }
 div{
     font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
 }  
 .icons:hover{
    transition: 0.9s;
     width: 30px;
 }
 .content{
     padding: 100px;
     text-align:center;
     color: white;
     border-radius: 40px;
     background-image: url(bouddha.jpg);
     margin: 50px;
     height:700px;
     background-size: cover;
     opacity:0.7;

 }
 .main{
    border-radius: 20px;
    line-height: 40px;
    display: grid;
    font-weight: bolder;
    grid-template-columns: repeat(1, 1fr);
    gap: 4rem;
    
 }
 .list{
     list-style-type: none;
 }
.list:hover{
  transition: 0.9s;
 background-color: grey;
border-radius: 5px;
opacity: 0.6;
}

/* textarea{
 text-align: center;
 border-radius: 40px;
 opacity: 0.4;
} */
img{
 width: 50px;
}
footer{
   
    opacity: 0.5;
    font-size: 40px;
   
}