@font-face{font-family:stereo;src:url('fonts/stereo.eot');src:local('?'),url('fonts/stereo.woff2') format('woff2'),url('fonts/stereo.woff') format('woff'),url('fonts/stereo.ttf') format('truetype'),url('fonts/stereo.svg') format('svg');font-display:swap}h1,h2,h3,p{color:white;text-align:center}li{list-style:none}body{margin:0;font-family:stereo,sans-serif;background-color:#312f30}hr{width:40%;color:white;border:1px solid white}a{color:white}img,picture source{width:100%}.full{height:100vh}.fifty{height:50vh}#menu{margin-top:0}.text{margin-left:20%;margin-right:20%}.scroll{display:block;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);text-decoration:none;transition:opacity .3s;position:relative;color:#fff}@media only screen and (max-width:600px){.link-effect{margin:3% 0 0 0}.logo{position:relative;height:auto;width:35%;margin-right:auto;margin-left:auto}.scroll{margin-top:15%;letter-spacing:.1em;height:72px}}@media only screen and (min-width:600px){.link-effect{margin:2% 0 0 0}.logo{position:relative;height:auto;width:25%;margin-right:auto;margin-left:auto}.scroll{margin-top:10%;letter-spacing:.1em;height:72px}}@media only screen and (min-width:768px){.link-effect{margin:.5% 0 0 0}.logo{position:relative;height:auto;width:15%;margin-right:auto;margin-left:auto}.scroll{margin-top:4%;letter-spacing:.1em;height:72px}}.footer{text-align:center;color:white}.footer a{text-decoration:none;color:white}.link-effect{text-align:center;height:auto;font-size:1em}nav a{position:relative;display:inline-block;outline:0;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 1px rgba(255,255,255,0.3);font-size:1em}nav a:hover,nav a:focus{outline:0}.link-effect a{text-align:center;padding:10px;color:white;text-shadow:none;-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s}.link-effect a::before,.link-effect a::after{position:absolute;left:0;width:100%;height:2px;background:#fff;content:'';opacity:0;-webkit-transition:opacity .3s,-webkit-transform .3s;-moz-transition:opacity .3s,-moz-transform .3s;transition:opacity .3s,transform .3s;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)}.link-effect a::before{top:0;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)}.link-effect a::after{bottom:0;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);transform:translateY(10px)}.link-effect a:hover,.link-effect a:focus{color:#fff}.link-effect a:hover::before,.link-effect a:focus::before,.link-effect a:hover::after,.link-effect a:focus::after{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}.scroll span{position:absolute;top:0;left:50%;width:24px;height:24px;margin-left:-12px;border-left:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:scroll-animation 2s infinite;animation:scroll-animation 2s infinite;opacity:0;box-sizing:border-box}.scroll span:nth-of-type(1){-webkit-animation-delay:0;animation-delay:0}.scroll span:nth-of-type(2){top:16px;-webkit-animation-delay:.15s;animation-delay:.15s}.scroll span:nth-of-type(3){top:32px;-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes scroll-animation{0{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes scroll-animation{0{opacity:0}50%{opacity:1}100%{opacity:0}}