@font-face{font-display:swap;font-family:Poppins;font-style:italic;font-weight:400;src:url(../poppins-webfont/Poppins-Italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:400;src:url(../poppins-webfont/Poppins-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:700;src:url(../poppins-webfont/Poppins-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:600;src:url(../poppins-webfont/Poppins-SemiBold.woff2) format("woff2")}html{background:#c3c5c9;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:15px;font-weight:400;word-spacing:1px}*,:after,:before{box-sizing:border-box;margin:0}.paragraph{color:#3b3e45;font-size:15px;line-height:220%}.paragraph h2,.paragraph h3{opacity:.5;padding:40px 0;text-transform:uppercase}.paragraph a{border-bottom:3px solid #a2a7ad;color:#525761;padding-bottom:2px;text-decoration:none}.paragraph blockquote{background:#d7d8db80;font-style:italic;margin:20px 0;padding:20px}.title{font-size:64px;margin-bottom:120px}.button,.title{color:#fff;text-transform:uppercase}.button{border:0;cursor:pointer;font-weight:700;padding:10px 20px}.button,.header{background:#0d0d0d}.header{height:30px;left:0;padding:10px;position:fixed;top:0;width:500px;z-index:10}.header a{color:#fff;font-size:15px;font-weight:700;left:50%;letter-spacing:1px;margin:0;padding:0;position:absolute;text-decoration:none;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.side{background:#0d0d0d;bottom:0;height:400px;position:fixed;right:0;transition:right .3s ease;width:30px;z-index:20}.side h4{bottom:20%;color:#fff;font-size:15px;font-weight:700;left:50%;letter-spacing:1px;margin:0;padding:0;position:absolute;text-transform:uppercase;transform:translate(-50%) rotate(90deg);white-space:nowrap}.side .arrow{bottom:7%;padding:30%}.side .arrow,.side .navicon{height:auto;position:absolute;width:100%}.side .navicon{top:30%}.side-slide{right:-30px}.nav{background:#0d0d0d;height:100vh;position:fixed;right:0;top:0;transform:translate(120%);transition:transform 1.5s ease;width:800px;z-index:10}.nav ul{list-style:none;margin-left:80px;margin-top:80px;padding:0}.nav ul li{padding:30px 0}.nav ul li a{color:#c3c5c9;cursor:pointer;font-size:60px;font-weight:700;letter-spacing:.05em;text-decoration:none;text-transform:uppercase}.nav-active{transform:translate(0)}@media(max-width:900px){.nav{width:100%}.nav ul{transform:translate(50px)}.nav ul li a{font-size:30px}}.container{margin-left:10%;margin-right:10%;margin-top:300px;max-width:700px;position:absolute;width:80%}.container .paragraph{margin:70px 0}@media(max-width:700px){.header{width:100%}.back{left:10%!important;top:50px!important;z-index:2!important}.side{height:270px}}.page-enter-active,.page-leave-active{transition:all .4s}.page-enter-from,.page-leave-to{opacity:0}