body {
	background-color: #ece8e5;
}
html{
  font-size:22px;
  font-family: 'Times New Roman', Times, serif;
}
h1 {
    text-align:center;
}
li {
    list-style-type: none;
    /* Убираем маркеры */
  }
  .pract_ram{
  width:30%;
  margin-left:10%;
  padding: 10px;
  background: rgba(0, 255, 115, 0.6);
  margin-bottom:15px;
  display: inline-block;    
  border-radius: 20px;
  transition: border-radius 0.3s ease-in; 
  }
  .text_znak1{
    width:70%;
    padding: 10px;
    background:rgba(0, 170, 238, 0.8);
    margin-bottom:15px;
    margin-left:20%;
    display: inline-block;    
    border-radius: 20px;
    border-color: darkblue;
    transition: border-radius 0.3s ease-in;
    box-shadow: 0 4px 8px 0 rgba(39, 153, 214, 0.35);
}
.text_znak{
      width:70%;
      padding: 10px;
      background:rgba(0, 170, 238, 0.8);
      margin-bottom:15px;
      margin-left:10%;
      display: inline-block;    
      border-radius: 20px;
      border-color: darkblue;
      transition: border-radius 0.3s ease-in;
      box-shadow: 0 4px 8px 0 rgba(39, 153, 214, 0.35);
} 
.primeri{
  width:50%;
  margin-left:10%;
  padding: 10px;
  background: rgba(0, 162, 255, 0.6);
  margin-bottom:15px;
  display: inline-block;    
  border-radius: 20px;
  transition: border-radius 0.3s ease-in; 
}
.slov_spis{
  width:70%;
  margin-left:10%;
  padding: 10px;
  background: rgb(0, 225, 255,0.7);
  margin-bottom:15px;
  display: inline-block;    
  border-radius: 20px;
  transition: border-radius 0.3s ease-in; 
}
.vivod{
  width:70%;
  margin-left:10%;
  padding: 10px;
  background:rgba(67, 238, 0, 0.7);
  margin-bottom:15px;
  display: inline-block;    
  border-radius: 20px;
  border-color: darkgreen;
  transition: border-radius 0.3s ease-in; 
}
  ul {
    margin-left: 0;
    /* Отступ слева в браузере IE и Opera */
    padding-left: 0;
    /* Отступ слева в браузере Firefox, Safari, Chrome */
  }
  .VK{
    width: 40px;
    height: 40px;
    margin-right: 50px;
  }
  .Gmail{
    width:40px;
    height: 35px;
    margin-right: 50px;
    text-align: center;
  }
h2{
    text-align: center;
}
p{
    margin-left:70px;
    margin-right:70px;
    text-align:justify;
}
.ul1{
    text-align: center;
}
.ul1 li{
  list-style-type:none;
}
.ul2{
  text-align: center;
}
.ul2 ul{
  list-style-type:none;
}
.ul2 ul ul ul li{
list-style-type:none;
margin-top:15px;
}
.ul2 ul ul li{
  margin-top:15px;
}
.ul2 ul li{
  margin-top:15px;
}
button{
    color:white;
    background-color: rgb(0,255,0);
    border-color:rgb(0,255,0);
    width:120px;
    height:50px;
    margin-top:40px;
    border-radius:10px;
    margin-left:20%;
}
button:hover{
  background-color: rgb(29, 146, 0);
  border-color:rgb(29, 146, 0);
}
.b_rez{
  margin-left:20%;
  top:100px;
  font-size:26px;
}
img{
  text-align: center;
  margin-left:20%;
}
.p_2{
  text-align:center;
}
.ul_pr{
  margin-left:10%;
}
.inp{
  font-size:26px;
  margin-left:20%;
  width:40%;
  height:50px;
  border-radius: 20px;
  margin-bottom:30px;
  padding-left: 10px;
  border-color: rgb(5, 0, 0,0.7);
}
@media only screen and (max-width : 480px){
  .b_rez{
    margin-left:15%;
  }
  html{
    font-size:10px;
  }
  .b_rez{
    font-size:16px;
  }
  .inp{
    width:60%;
    font-size:15px;
    height:26px;
  }
  img{
    text-align: right;
    width:88%;
    margin-right:12%;
    height:130%;
    margin-top:0px;
    margin-left:0px;
  }
  p{
    margin-left:3%;
    margin-right:10%;
    text-align:justify;
 }
  h1{
    margin-left:2%;
    margin-right:15%;
    text-align:justify;
  }
  h2{
    margin-right:2%;
    margin-left:10%;
    text-align:justify;
  }
  h3{
    margin-right:2%;
    margin-left:10%;
    text-align:justify;
  }
  .ul1{
    margin-right:15%;
  }
  .ul1 ul li{
    margin-top:5%;
  }
  .ul2{
    margin-right:15%;
  }
  .ul2 ul ul ul li{
    margin-top:5%;
  }
  .ul2 ul ul li{
    margin-top:5%;
  }
  .ul2 ul li{
    margin-top:5%;
  }
  .ul_pr{
    margin-right:20%;
  }
  .primeri{
    width:65%;
    margin-left:8%;
    margin-right:10%;
  }
  .slov_spis{
    width:100%;
    margin-left:5%;
    margin-right:10%;
  }
  .slov_spis1{
    width:100%;
    margin-left:5%;
    margin-right:10%;
  }
  .text_znak{
    width:80%;
  }
  .text_znak1{
    width:80%;
    margin-left:10%;
}
.pract_ram{
  width:60%;
  }
}
.okonchanie{
  display: inline;
  margin-right:0px;
  margin-left:0px;
  border-top: thin solid black;
  border-right: thin solid black;
  border-left: thin solid black;
  border-bottom: thin solid black;
}
.otstup_okoch li{
  margin-top: 2%;
}
.sklonenie img{
  margin-left:0;
}
.zvet_primera_deeprich{
  color:red;
  display:inline;
}