*{-webkit-box-sizing:border-box;box-sizing:border-box}body{padding:0;margin:0}#notfound{position:relative;height:100vh}#notfound .notfound-bg{position:absolute;width:100%;height:100%;background-image:url(bg.c4d66860b0c78f7c7d74.jpg);background-size:cover}#notfound .notfound-bg:after{content:"";position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.25)}#notfound .notfound,#notfound .notfound:after{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#notfound .notfound:after{content:"";width:100%;height:600px;background-color:hsla(0,0%,100%,.7);-webkit-box-shadow:0 0 0 30px hsla(0,0%,100%,.7) inset;box-shadow:inset 0 0 0 30px hsla(0,0%,100%,.7);z-index:-1}.notfound{max-width:600px;width:100%;text-align:center;padding:30px;line-height:1.4}.notfound .notfound-404{position:relative;height:200px}.notfound .notfound-404 h1{font-family:Passion One,cursive;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:220px;margin:0;color:#222225;text-transform:uppercase}.notfound h2{font-family:Muli,sans-serif;font-size:26px;font-weight:400;text-transform:uppercase;color:#222225;margin-top:26px;margin-bottom:20px}.notfound-search{position:relative;padding-right:120px;max-width:420px;width:100%;margin:30px auto 20px}.notfound-search input{width:100%;padding:3px 15px;font-size:18px;background:#222225}.notfound-search button,.notfound-search input{font-family:Muli,sans-serif;height:40px;color:#fff;font-weight:400;border:none}.notfound-search button{position:absolute;right:0;top:0;width:120px;text-align:center;background:#ff00b4;cursor:pointer;padding:0;font-size:16px;text-transform:uppercase}.notfound a{font-family:Muli,sans-serif;display:inline-block;font-weight:400;text-decoration:none;background-color:transparent;color:#222225;text-transform:uppercase;font-size:14px}.notfound-social{margin-bottom:15px}.notfound-social>a{display:inline-block;height:40px;line-height:40px;width:40px;font-size:14px;color:#fff;background-color:#222225;margin:3px;-webkit-transition:all .2s;transition:all .2s}.notfound-social>a:hover{color:#fff;background-color:#ff00b4}@media only screen and (max-width:480px){.notfound .notfound-404{height:146px}.notfound .notfound-404 h1{font-size:146px}.notfound h2{font-size:22px}}