*{box-sizing:border-box}body{margin:0;padding:0}#notfound{height:100vh;position:relative}#notfound .notfound{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.notfound{text-align:center;width:100%;max-width:767px;padding:15px;line-height:1.4}.notfound .notfound-404{height:220px;position:relative}.notfound .notfound-404 h1{color:#0000;background:linear-gradient(130deg,#ffa34f,#ff6f68);text-transform:uppercase;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Kanit,sans-serif;font-size:186px;font-weight:200;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.notfound h2{text-transform:uppercase;letter-spacing:3px;margin-top:0;margin-bottom:25px;font-family:Kanit,sans-serif;font-size:33px;font-weight:200}.notfound p{margin-top:0;margin-bottom:25px;font-family:Kanit,sans-serif;font-size:16px;font-weight:200}.notfound a{color:#ff6f68;border-bottom:1px dashed #ff6f68;border-radius:2px;font-family:Kanit,sans-serif;font-weight:200;text-decoration:none}.notfound-social>a{color:#ff6f68;border:1px solid #efefef;border-radius:50%;margin:3px;padding:10px;font-size:14px;line-height:40px;transition:all .2s;display:inline-block}.notfound-social>a:hover{color:#fff;background-color:#ff6f68;border-color:#ff6f68}@media only screen and (max-width:480px){.notfound .notfound-404{height:168px;position:relative}.notfound .notfound-404 h1{font-size:142px}.notfound h2{font-size:22px}}