@import "https://fonts.googleapis.com/css?family=Montserrat:900";
*{box-sizing:border-box}body{color:var(--color-text);background:var(--color-bg-gradient);margin:0;padding:0}#notfound{height:100vh;color:var(--color-text);background:var(--color-bg-gradient);position:relative}#notfound .notfound{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.notfound{text-align:center;width:100%;max-width:520px;line-height:1.4}.notfound .notfound-404{height:240px;position:relative}.notfound .notfound-404 h1{color:var(--color-text);text-transform:uppercase;letter-spacing:-40px;margin:0 0 0 -20px;font-family:Montserrat,sans-serif;font-size:252px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.notfound .notfound-404 h1>span{text-shadow:-8px 0px 0px var(--color-bg)}.notfound .notfound-404 h3{text-transform:uppercase;color:var(--color-text);letter-spacing:3px;margin:0;padding-left:6px;font-family:Cabin,sans-serif;font-size:16px;font-weight:700;position:relative}.notfound h2{text-transform:uppercase;color:var(--color-text);margin-top:0;margin-bottom:25px;font-family:Cabin,sans-serif;font-size:20px;font-weight:400}.notfound h4{text-transform:uppercase;color:var(--color-text);text-align:right;font-family:Cabin,sans-serif;font-size:.875rem;font-weight:900}@media only screen and (max-width:767px){.notfound .notfound-404{height:200px}.notfound .notfound-404 h1{font-size:200px}}@media only screen and (max-width:480px){.notfound .notfound-404{height:162px}.notfound .notfound-404 h1{height:150px;font-size:162px;line-height:162px}.notfound h2{font-size:16px}}