*{padding:0;margin:0;box-sizing:border-box}body{display:flex;justify-content:center;align-items:center;background:#000;height:100vh;position:relative;overflow:hidden}img{height:100%;max-width:100%}form{position:absolute;top:0;left:0;width:100%;height:100%}input{position:absolute;bottom:2rem;left:50%;padding:4px;display:none;transform:translateX(-50%);font-family:Arial,sans-serif}.wrong{animation:shake 2s;outline-color:red;color:red}@keyframes shake{0%{transform:skewY(-15deg) translateX(-50%)}5%{transform:skewY(15deg) translateX(-50%)}10%{transform:skewY(-15deg) translateX(-50%)}15%{transform:skewY(15deg) translateX(-50%)}20%{transform:skewY(0deg) translateX(-50%)}100%{transform:skewY(0deg) translateX(-50%)}}