@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: 3vw;
     margin-left: 6%;
     margin-right: 6%;
     font-family: 'Jost', sans-serif;
     text-shadow: 2px 2px pink;
}
.body_main p{
     font-size: 21px;
     margin-left: 6%;
     margin-right: 6%;
     font-family: 'Jost', sans-serif;
}

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

     .body_main h1 {

          font-size: 2.2em;

     }
}