@import url(https://fonts.googleapis.com/css?family=Comfortaa);.container-403{z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:10px;min-width:300px}.container-403 div{display:inline-block}.container-403 .lock{opacity:1}.container-403 h1{font-family:Comfortaa,cursive;font-size:100px;text-align:center;font-weight:100;margin:0}.lock{transition:.5s ease;position:relative;overflow:hidden;opacity:0}.lock.generated{transform:scale(.5);position:absolute;animation:move 2s linear;animation-fill-mode:forwards}.lock :after{content:"";background:#a74006;opacity:.3;display:block;position:absolute;height:100%;width:50%;top:0;left:0}.lock .bottom{background:#d68910;height:40px;width:60px}.lock .bottom,.lock .top{display:block;position:relative;margin:0 auto}.lock .top{height:60px;width:50px;border-radius:50%;border:10px solid #fff;top:30px}.lock .top:after{padding:10px;border-radius:50%}@keyframes move{to{top:100%}}@media(max-width:420px){.container{transform:translate(-50%,-50%) scale(.8)}.lock.generated{transform:scale(.3)}}