body { 
overscroll-behavior-y: contain;
    font-family: 'Roboto', sans-serif;
    color: #000000;


background: #FFF7F7;
}

.logo {
    position: relative;
width: 65%;
left: 21.5%;
}

button, 
button:active, 
button:focus {
    outline: none;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    position: absolute;
    width: 91.5%;
    height: 11%;
    left: 4.8%;
    border: 0;
    text-align: start;
    font-size: 95%;
}
button:active {
   box-shadow: none;
}
.btn5 {
    top: 29.7%;
    
}
.btn1 {
    top: 43.93%;
   
}
.btn2 {
    
    top: 58.17%;
    
}
.btn3 {
    
    top: 72.41%;
   
}
.btn4 {
   
    top: 86.65%;
   
}
h1 {
    position: absolute;
width: 342px;
height: 29px;
left: 21px;
top: 22%;

font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 25px;
line-height: 35px;

color: #000000;
}
.img1 {
    position: absolute;
    width: 2.7%;
    
    left: 92%;
    top: 40%;
}
.popup__content {
    position: absolute;
    
    left: 10px;
    top: 29%;
    
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    
   
    
    color: #000000;
}
a {
    color: #204f5a;
    font-weight: normal;
 
}
a:active {
    color: #3E8D9E;
}