@import"https://fonts.googleapis.com/css?family=Comfortaa:300,400,700";.not-found,.four0four{font-family:Comfortaa}*{box-sizing:border-box}html{height:100vh}body{background:#121428;margin:0;padding:0;overflow:hidden;height:100vh}.container{align-items:center;margin:auto}.row{margin-top:30vh;height:200px;min-width:300px}.four0four{text-shadow:0 0 1px rgba(255,120,250,.2),0 0 2px rgba(200,150,250,.9),0 0 70px #c896fa;color:#fff;margin-top:-67px;font-size:15em;text-align:right;min-width:450px;z-index:5}.four0four:before{content:"404";position:absolute;color:#ff78fa;mix-blend-mode:color-dodge;z-index:1}.not-found{color:#fff;text-shadow:0 0 1px rgba(255,120,250,.2),0 0 2px rgba(200,150,250,.9),0 0 70px #c896fa;line-height:110%;font-size:3.75em}.not-found:before{letter-spacing:.25px;content:"Page not found";position:absolute;color:#ff78fa;mix-blend-mode:color-dodge;z-index:1}.flicker1{animation:5s linear 3.25s flickr infinite}.flicker2{animation:5s linear 1.25s flickr infinite}.flicker3{animation:5s ease 1s flickr infinite}.flicker4{animation:5s ease 2s flickr infinite}.off{color:#32323240;border:none;text-shadow:none}@keyframes flickr{0%{color:#32323240;border:none;text-shadow:none}1%{color:#fff;text-shadow:0 0 1px rgba(255,120,250,.2),0 0 2px rgba(200,150,250,.9),0 0 70px #c896fa}2%{color:#32323240;border:none;text-shadow:none}8%{color:#32323240;border:none;text-shadow:none}10%{color:#fff;text-shadow:0 0 1px rgba(255,120,250,.2),0 0 2px rgba(200,150,250,.9),0 0 70px #c896fa}11%{color:#32323240;border:none;text-shadow:none}12%{color:#fff;text-shadow:0 0 1px rgba(255,120,250,.2),0 0 2px rgba(200,150,250,.9),0 0 70px #c896fa}13%{color:#32323240;border:none;text-shadow:none}14%{color:#fff;text-shadow:0 0 1px rgba(255,120,250,.2),0 0 2px rgba(200,150,250,.9),0 0 70px #c896fa}53%{color:#fff;text-shadow:0 0 1px rgba(255,120,250,.2),0 0 2px rgba(200,150,250,.9),0 0 70px #c896fa}54%{color:#32323240;border:none;text-shadow:none}58%{color:#32323240;border:none;text-shadow:none}59%{color:#fff;text-shadow:0 0 1px rgba(255,120,250,.2),0 0 2px rgba(200,150,250,.9),0 0 70px #c896fa}60%{color:#32323240;border:none;text-shadow:none}61%{color:#fff;text-shadow:0 0 1px rgba(255,120,250,.2),0 0 2px rgba(200,150,250,.9),0 0 70px #c896fa}to{color:#fff;text-shadow:0 0 1px rgba(255,120,250,.2),0 0 2px rgba(200,150,250,.9),0 0 70px #c896fa}}.fog8,.fog7,.fog6,.fog5,.fog4,.fog3,.fog2,.fog1{position:absolute;border:none;border-radius:100%;z-index:400}.fog1{width:100px;height:100px;animation:75s linear float infinite;box-shadow:inset 0 0 50px #fffc,0 0 50px #ffffff80}.fog2{width:50px;height:50px;box-shadow:inset 0 0 25px #fffc,0 0 25px #ffffff80;margin-top:-25%;animation:25s linear float2 infinite}.fog3{width:80px;height:80px;box-shadow:inset 0 0 40px #fffc,0 0 40px #ffffff80;margin-left:25%;animation:40s ease float2 infinite}.fog4{width:40px;height:40px;margin-left:60%;margin-top:-45%;animation:45s linear float infinite;box-shadow:inset 0 0 20px #fffc,0 0 20px #ffffff80}.fog5{width:60px;height:60px;margin-left:50%;margin-top:-30%;animation:30s ease float2 infinite;box-shadow:inset 0 0 30px #fffc,0 0 30px #ffffff80}.fog5{width:125px;height:125px;margin-left:50%;margin-top:30%;animation:70s ease-out float3 infinite;box-shadow:inset 0 0 40px #fffc,0 0 60px #ffffff80}.fog6{width:20px;height:20px;margin-left:50%;margin-top:-10%;animation:20s linear float infinite;box-shadow:inset 0 0 2px #fffc,0 0 2px #ffffff80}.fog7{width:50px;height:50px;margin-left:0%;margin-top:30%;animation:40s ease-out float3 infinite;box-shadow:inset 0 0 20px #fffc,0 0 20px #ffffff80}.fog8{width:80px;height:80px;margin-left:60%;margin-top:-20%;animation:40s ease-out float3 infinite;box-shadow:inset 0 0 20px #fffc,0 0 20px #ffffff80}@keyframes float{0%{top:50%;left:10%}25%{top:75%;left:25%}50%{top:50%;left:35%}75%{top:75%;left:25%}to{top:50%;left:10%}}@keyframes float2{0%{top:50%;left:10%}25%{top:25%;left:15%}50%{top:50%;left:45%}75%{top:25%;left:15%}to{top:50%;left:10%}}@keyframes float3{0%{top:50%;left:25%}25%{top:35%;left:0}50%{top:10%;left:10%}75%{top:35%;left:0%}to{top:50%;left:25%}}@media(max-width:991px){.container{margin-top:30vh}.four0four{text-align:center;min-width:100%;padding:0;margin:0;height:200px;font-size:10em}.not-found{font-size:1.75em;padding:0;margin:0;text-align:center}}