@import "https://fonts.googleapis.com/css?family=Lato";
.not-found-container{box-sizing:border-box;background:linear-gradient(to bottom right,#eee,#aaa);flex-direction:column;justify-content:center;align-items:center;height:100vh;margin:0;padding:0;font-family:Lato,sans-serif;display:flex;position:relative}.not-found-container h1{margin:10px 0 20px}.lock{background-color:#333;border-radius:5px;width:55px;height:45px;animation:1s 1.5s dip}.lock:before,.lock:after{content:"";border-left:5px solid #333;width:15px;height:20px;position:absolute;left:calc(50% - 12.5px)}.lock:before{border:5px solid #333;border-bottom-color:#0000;border-radius:15px 15px 0 0;height:30px;animation:2s lock,2s spin;top:-30px}.lock:after{border-right:5px solid #0000;animation:2s spin;top:-10px}@keyframes lock{0%{top:-45px}65%{top:-45px}to{top:-30px}}@keyframes spin{0%{left:calc(50% - 30px);transform:scaleX(-1)}65%{left:calc(50% - 12.5px);transform:scaleX(1)}}@keyframes dip{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}.back-btn{color:#fff;cursor:pointer;background:#2e8b57;border:none;border-radius:4px;padding:9px 35px;font-size:23px;text-decoration:none;transition:background .3s}.back-btn:hover{background:#2e8b57}.message{text-align:center}.message h1{margin-bottom:10px}.message h2{margin-bottom:40px}.message.error-mesg img{width:35%}@media (max-width:767px){.message.error-mesg h2 br{display:none}.message.error-mesg img{width:65%}.message{padding:15px}.back-btn{padding:8px 25px;font-size:18px}}