.body{
  
    background-image:url("index/ex-web-siberia-1.jpg") ;
    background-size: 2100px 2220px;
    background-repeat: no-repeat;
line-height: 1.45;
   

}
#div2{
    display: flex;
    align-items: stretch;
    margin:10px;
    padding: 2%;
    background-color: gray;
    transition: all .2s;
    width: 30px;
    height: 15px;
    opacity: 60%;
    border-radius: 20px 20px 20px 20px;
    margin: 1 auto;
    float: left;
    margin-left: 20px; 
}

#div3{
    display: flex;
    align-items: stretch;
    width: 100%;
    margin:10px;
    padding: 20px;
    background-color: gray;
    transition: all .2s;
    width: 30px;
    height: 15px;
    opacity: 60%;
    border-radius: 20px 20px 20px 20px;
    margin: 1 auto;
    float: left;
    margin-left: 20px;
}

  .w{
      width:80%;
  }  
#span2{
    color: blue; 
    font-size:20px;
}
#div3:hover{
    transform: scale(1.5);
}
#div2:hover{
    transform: scale(1.5);
}
#About{
    color: blue;
}
#wiki{
     color:blue ;
}
#S0{
   
    font-style: oblique;
}
#rates{
    color: blue;
}
#up{
    font-size: 1.3rem;
    font-style: oblique;
}
li{
    list-style-type: none;
}
 img{
  transition: all .8s;
  border: 5px solid black;
  border-radius: 10%;
 }
 img:hover{
  transform: scale(1.5);
 
 }
#color{
    color: brown;
}
 #img2{
  transition: all .8s;
  border: none;
  border-radius: 10%;
 }
 #img2:hover{
  transform: scale(1.5);
 
 }
#span{
  color: blue;
}
.contact{
  color:darkblue;
  font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', 'Geneva', Verdana, sans-serif;
   
}
li{
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
#up{
    margin-bottom: 80px;
}
#img2{
    width:40px;
}
 
.m{
   
  position: relative;
 
  width: 57%;
  border-radius: 15px;
  border-style: 3px solid black;
  background-color: lightgray;
  opacity: 85%;
  
  margin-left: 22%;
}

#up{
    text-align:left;
}

#S0{
    
    position: relative;
   margin-left:70px;
    border-style: solid;
    border-radius: 4%;
         padding:20%;
      width: 35% ;
     opacity: 70%;
     margin-bottom: 3%;
     float:left;
     font-size: 1.1rem;
   
  
  }
#s2{
    position: relative;
    margin-left: 70px;
    
    border-style: solid;
    border-radius: 4%;
    margin-top: 3%;
    opacity: 70%;
    width: 35%;
   padding:20%;

   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   font-size: 1.1rem;
}
#s3{
    position: relative;
   margin-left: 70px;
    font-size: 1.5rem;
    font-style: oblique;
    padding: 20%;
    width: 35%;
     
    border-style: solid;
    border-radius: 4%;
    opacity:70%;
    
  
    
  
}


#div{
padding: 20px;
background-color: gray;
transition: all .2s;
width: 30px;
height: 15px;
opacity: 60%;
border-radius: 20px 20px 20px 20px;
margin: 0 auto;
float: left;
margin-left: 40px;
margin-right: 10px;
margin-top: 10px;
}
#div:hover{
    transform: scale(1.5);
}

.divl{
    
    background-color: brown;

    width: 8%;
    height:15%;
     margin-left:40%;
    padding: 3%;
    background-image: url("index/istockphoto-801910710-612x612.jpg");
   background-size: 80% 80%;
   border-style: solid;
   border-color:brown;
    background-repeat: no-repeat;
    border-radius: 1% ;
    
}
.L{
   
    padding: 5%;
    height: 20px;
    width: 90% ;
    overflow: auto;
    background-color: gainsboro;
    opacity: 70%;
    border-radius: 20px 20px 100px 100px;
   font-style:bold;
}
.L{
overflow: hidden;
text-align: center;
font-size: 3rem;
color:brown;
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.k{


width: 17% ;
float: right;
border-style: solid;
border-width: 2%;
margin-top: 10%;
overflow: hidden;
background-color: gainsboro;
opacity: 90%;
border-radius: 0.6em 0.6em;
text-align: center;
font-size: 1.0em;
color: black;
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.super2 img{
    width:20%;
    margin-top:2%;
}
.super2{
   
  padding: auto;
  
  position: absolute;
  display: grid;

}
.art{
    width:auto;
}