@import url('https://fonts.googleapis.com/css2?family=Jost&display=swap');
.nav {
     position: fixed;
     width: 100%;
     top: 0;
     backdrop-filter: blur(300px);
}

body{
     background-image: url("bg1.webp");
     background-size: cover;
}
.body_main{
     margin-top: 12%;
}

.body_main h1 {
     display: inline-block;
     font-size: 3.5vw;
     margin-left: 6%;
     margin-right: 6%;
     font-family: 'Jost', sans-serif;
     text-shadow: 2px 2px pink;
}
.body_main .questions {
     background-color: white;
     box-shadow: 4px 4px 4px 4px grey;
     padding: 2%;
     margin-left: 6%;
     margin-right: 6%;
     font-family: 'Jost', sans-serif;
     animation: ani1 2s 0s 1;
}
@keyframes ani1 {
     0%{
          margin-top: 20%;
     }
     100%{
          margin-top: 0%;
     }
}

a{
     text-decoration: none; color: black;
}
a:hover{
     text-decoration: underline;
}


@media only screen and (max-width: 550px){
     .body_main{
          margin-top: 50%;
          margin-bottom: 25%;
     }
     .body_main h1 {
          
          font-size: 2.2em;
          
     }
}