wrapper {
  display: flex;
}


div1 {
    display: inline-block;
    background-color: lightblue;
    width: 25%;
    height: 50%;
    border: 1px solid rgb(40, 148, 30); 
    border-radius: 20px; 
    padding: 14px;
}


div2 {
  display: inline-block;
  background-color: lightgreen;
  width: 25%;
  height: 50%;
  border: 1px solid rgb(40, 148, 30); 
  border-radius: 20px; 
  padding: 14px;
}

div3 {
  display: inline-block;
  background-color: yellow;
  width: 90%;
  height: 50%;
  border: 1px solid rgb(40, 148, 30); 
  border-radius: 20px; 
  padding: 14px;
}

.scroll {
  height: 300px;  /* Высота блока */
  overflow-y: scroll;  /* Включаем вертикальную прокрутку */
}

.form_auth_block{
  width: 500px;
  height: 500px;
  margin: 0 auto;
  background: url(http://www.dailycompass.org/wp-content/uploads/2013/01/Bubbles.jpg);
  background-size: cover;
  border-radius: 4px;
}
.form_auth_block_content{
padding-top: 15%;
}
.form_auth_block_head_text{
  display: block;
  text-align: center;
  padding: 10px;
  font-size: 20px;
  font-weight: 600;
  background: #ffffff;
  opacity: 0.7;
}
.form_auth_block label{
  display: block;
  text-align: center;
  padding: 10px;
  background: #ffffff;
  opacity: 0.7;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 10px;
}
.form_auth_block input{
display: block;
margin: 0 auto;
width: 80%;
height: 45px;
border-radius: 10px;  
border:none;
outline: none;
}
input:focus {
color: #000000;
border-radius: 10px;
border: 2px solid #436fea;
}
.form_auth_button{
  display: block;
  width: 80%;
  margin: 0 auto;
  margin-top: 10px;
  border-radius: 10px;
  height: 35px;
  border: none;
  cursor: pointer;
}