@font-face {font-family: Author-Medium; src: url(../font/Author-Medium.otf);}
@font-face {font-family: Author-Semibold; src: url(../font/Author-Semibold.otf);}

*{margin: 0; box-sizing: border-box; user-select: none;}
body{overflow: hidden;}
body::before {background-image: url(../img/noise.png); content: ''; height: 300%; left: -50%; opacity: 0.6; position: fixed; top: -100%; width: 300%; z-index: -9;}

.nav{position: absolute; right: 0; height: 100%; width: 6.1%; transition: all 0.3s ease-out; z-index: 2;}
.burger{width: 3vw; right: 0; top: 0; cursor: pointer; margin: 30px 1.5vw; position: absolute;}
.burgerClose{display: block; fill: #3B3185;}
.burgerOpen{display: none;}
.links{display: none; transition: all 0.3s ease-out; text-align: right; top: 15%; right: 0; margin-right: 20%; position: absolute;}
.change.links{display: flex; flex-direction: column;}
a{font-family: Author-Medium; font-size: 40px; color: white; text-decoration: none; margin-top: 75px;}
span{background-color:white; width: 400px; height: 7px; margin-top: 10px; border-bottom-left-radius: 10px; transition: 0.1s ease-out; opacity: 0;}

.logo{width: 3vw; left: 0; top: 0; cursor: pointer; position: absolute; margin: 30px 1.5vw;}

h1{font-family: Author-Semibold; font-size: 7vw; color:#3B3185; text-align: right; margin: 60px 7vw 0 0; line-height: 7vw; position: absolute; right: 0; top: 0;  user-select: text; letter-spacing: 20px;}
p{font-family: Author-Medium; font-size: 1.65vw; color:#3B3185; text-align: left; margin: 20vh 4vw 7vh 7vw; line-height: 2.2vw; position: absolute; left: 0; bottom: 0;  user-select: text;}

@media screen and (max-width: 1000px){
    h1{font-size: 10vh; line-height: 10vh; margin: 10vh 7vw 0 0;}
    p{font-size: 2vh; line-height: 2.5vh; margin: 15vh 7vw 4vh 7vw;}
    .logo{width: 40px; margin: 20px;}
    .burger{width: 40px; margin: 20px;}
    .links{margin-right: 5%;}
}
@media screen and (max-width: 700px){
    h1{font-size: 6vh; line-height: 7vh; margin: 10vh 7vw 0 0;}
    p{font-size: 2vh; line-height: 2.5vh; margin: 25vh 7vw 4vh 7vw;}
    a{font-size: 30px;}
  }