@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Big+Shoulders+Stencil:opsz,wght@10..72,100..900&family=Emblema+One&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Rubik+Mono+One&display=swap";*{margin:0;padding:0;font-family:Poppins,sans-serif;box-sizing:border-box}:root{background-color:#1b1e2a}body{background:var(--background-color)}.container{width:400px;padding:25px 35px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:10px}.container p{font-weight:600;font-size:15px;margin-bottom:8px}.container input{width:100%;height:50px;border:1px solid #494eea;outline:0;padding:10px;margin:10px 0 20px;border-radius:5px}.container button{width:100%;height:50px;background:#494eea;color:#fff;border:0;outline:0;border-radius:5px;box-shadow:0 10px 10px #0000001a;cursor:pointer;margin:20px 0;font-weight:500}#imgBox{width:200px;border-radius:5px;max-height:0;overflow:hidden;transition:max-height 1s}#imgBox img{width:100%;padding:10px}#imgBox.show-img{max-height:300px;margin:10px auto;border:1px solid #d1d1d1}.error{animation:shake .1s linear 10}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-2px)}50%{transform:translate(0)}75%{transform:translate(2px)}to{transform:translate(0)}}