*{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;padding:0}#notfound{height:100vh;position:relative}#notfound .notfound{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.notfound{text-align:center;width:100%;max-width:460px;line-height:1.4}.notfound .notfound-404{width:180px;height:180px;margin:0 auto 50px;position:relative}.notfound .notfound-404>div:first-child{background:#ffa200;border:5px dashed #000;border-radius:5px;position:absolute;inset:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.notfound .notfound-404>div:first-child:before{content:"";border-radius:5px;position:absolute;inset:-5px;-webkit-box-shadow:inset 0 0 0 5px #0000001a;box-shadow:inset 0 0 0 5px #0000001a}.notfound .notfound-404 h1{color:#000;text-align:center;height:40px;margin:0;font-family:Cabin,sans-serif;font-size:90px;font-weight:700;line-height:40px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.notfound h2{text-transform:uppercase;letter-spacing:7px;font-family:Cabin,sans-serif;font-size:33px;font-weight:700}.notfound p{color:#000;font-family:Cabin,sans-serif;font-size:16px;font-weight:400}.notfound a{color:#fff;text-transform:uppercase;background-color:#8f8f8f;border:none;border-radius:40px;padding:10px 25px;font-family:Cabin,sans-serif;font-size:14px;font-weight:700;text-decoration:none;-webkit-transition:all .2s;transition:all .2s;display:inline-block}.notfound a:hover{background-color:#2c2c2c}