.vhod{
  background-color: rgb(114, 203, 255);
  border-radius: 5px;
  margin-bottom:10px;
  margin-right:30%;
  margin-left:30%;
}
button{
  text-align: center;
  width:150px;
  height:40px;
  background-color:rgba(113, 220, 255, 0.7);
  border-radius: 5px;
}
button:hover{
  border-radius: 20px;
}
.text3{
  text-align: center;
  width:24%;
  height: 20%;
  padding: 10px;
  background:rgba(0, 170, 238, 0.7);
  margin-bottom:15px;    
  color: rgb(5, 0, 0);
  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);
  font-size: 14pt;
  left:70%;
  position:absolute;
  top:67%;
}
.text2{
  text-align: center;
  width:24%;
  height: 40%;
  padding: 10px;
  background:rgba(0, 170, 238, 0.7);
  margin-bottom:15px;    
  color: rgb(5, 0, 0);
  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);
  font-size: 14pt;
  left:70%;
  position:absolute;
  top:15%;
}
.VK{
  width: 40px;
  height: 40px;
  margin-right: 50px;
}
.Gmail{
  width:40px;
  height: 35px;
  margin-right: 50px;
  text-align: center;
}
h1{
  text-align: center;
  
}
p{
  text-align: center;
  
}
figure{
  text-align: center;
 
}
html{
  font-family: "Times New Roman", Times, serif;
}
.Foto{
    text-align: left;
	padding-left: 30px;
	padding-top:50px;
   }
   figcaption {
       padding-left: 10px;
       padding-right: 10px;
       width: 35%;
       height: 500px;
	   position: absolute;
       top: 15%;
       left:29%;
       color: white;
       backdrop-filter: blur(1.5px);
       border-radius: 10px;
     }
.text1{
      width:100%;
      height: 100%;
      padding: 10px;
      background:rgba(0, 170, 238, 0.7);
      margin-bottom:15px;
      display: inline-block;    
      color: rgb(5, 0, 0);
      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);
      font-size: 14pt;
} 
@media only screen and (max-width : 1000px){
  figcaption{
    width:90%;
    height:80%;
    position: static;
  }
  .text1{
    width:100%
  }
  .text2{
    position: static;
    display:inline-block;
    top:0;
    left:0;
    width:90%;
    height:60%;
  }
  .text3{
    position: static;
    display:inline-block;
    top:0;
    left:0;
    width:90%;
    height:20%;
  }
}