*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;font-size:16px;color:#585858;background-color:#eae8e8;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;overflow:hidden}.container{width:500px;max-width:70vw;min-height:500px;text-align:center;background:#f2f1f1;padding:50px;border-radius:8px;box-shadow:0 5px 20px #0000001a}#title{height:68px;margin:0 auto}#timeText{display:inline-block;width:160px;text-align:right;font-weight:500;font-size:3.5rem}#non-timeText{display:inline-block;width:190px;text-align:left;font-weight:700;font-size:3rem}#description{font-size:.8rem}#previewContainer{margin:20px auto;border:2.5px solid #585858;width:24px;height:24px;max-height:24px;overflow-y:hidden}p{font-size:1rem;margin-bottom:20px;color:#555;line-height:1.6}input[type=file]{display:none}label{display:inline-block;font-size:.9rem;padding:10px 20px;outline:1px black solid;border-radius:4px;cursor:pointer;transition:background-color .3s ease}label:hover{background-color:#747576;color:#eae9e9;outline:1.5px rgb(104,103,103) solid}button{display:none;padding:10px 20px;font-size:1rem;color:#fff;background-color:#585858;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#555}footer{margin-top:20px}footer *{font-size:.8rem;padding:2px;color:#777}@media screen and (max-width: 480px){body{padding:10px}.container{padding:40px 10px 10px;min-height:300px}#title{height:32px}#description{font-size:.6rem}#timeText{width:60px;font-size:1.2rem}#non-timeText{width:60px;font-size:1rem}label,button{padding:8px 5px;font-size:.9rem;width:110px}}.background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.wave{position:absolute;bottom:0;width:200%;height:20%;background:#add8e680;border-radius:50%;animation:wave-animation 14s infinite ease-in-out}.wave:nth-child(1){animation-delay:0s;opacity:.1}.wave:nth-child(2){animation-delay:12s;opacity:.2;height:16%}.wave:nth-child(3){animation-delay:4s;opacity:.2}.wave:nth-child(4){animation-delay:7s;opacity:.2}.wave:nth-child(5){animation-delay:8s;opacity:.1;height:23%}@keyframes wave-animation{0%{transform:translate(0) translateY(0)}25%{transform:translate(-25%) translateY(-15px)}50%{transform:translate(-50%) translateY(-30px)}75%{transform:translate(-75%) translateY(-15px)}to{transform:translate(-100%) translateY(0)}}