*{margin:0;padding:0;box-sizing:border-box}body{font-family:Do Hyeon,sans-serif;font-weight:300;font-style:normal;background-color:#a3d9a5;color:#2e7d32}#root{min-height:100vh}button{background-color:#4caf50;border:none;padding:12px 40px;font-size:24px;border-radius:20px;font-family:inherit;color:#fff;cursor:pointer;transition:.3s ease-in-out}button:hover{background-color:#388e3c}header{display:flex;justify-content:center;padding:30px 0}header h1{font-size:clamp(20px,7vw,3rem)}footer{position:fixed;bottom:1px;width:100%;display:flex;justify-content:center}footer p{font-size:12px;color:#333;padding:10px}.home-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.home-content h2{font-size:clamp(20px,6vw,3rem);margin:50px 0}.home-content .home-img{width:80vw;max-width:300px}.question-content{min-height:100vh;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;background-color:#a3d9a5}.question-content h2{margin:10px 0;word-break:keep-all;display:flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(20px,6vw,3rem);min-height:60px;max-height:120px}.question-content .question-bg{width:50vw;max-width:200px}.question-content .progress{margin-bottom:15px;font-size:30px;font-weight:700}.question-content .btn-box{display:flex;flex-direction:column;gap:15px;width:100%;max-width:500px;margin-top:20px}.question-content .btn-box .btn-question{margin-top:15px;padding:15px;background-color:#81c784;border:2px solid #66bb6a;border-radius:10px;font-family:inherit;font-size:clamp(14px,4vw,1.5rem);color:#1b5e20;transition:.2s ease-in-out;box-shadow:inset -3px -3px 6px #0000004d,inset 3px 3px 6px #ffffff4d;min-height:80px;max-height:80px;display:flex;align-items:center;justify-content:center}.question-content .btn-box .btn-question:hover{background-color:#66bb6a}.btn-box-start{display:flex;justify-content:center;margin-top:40px}.btn-box-start button{padding:15px 40px;background-color:#4caf50;border:2px solid #388E3C;border-radius:20px;font-family:inherit;font-size:clamp(16px,5vw,1.5rem);color:#fff;cursor:pointer;transition:.3s ease-in-out;box-shadow:inset -3px -3px 6px #0000004d,inset 3px 3px 6px #ffffff4d}.btn-box-start button:hover{background-color:#388e3c}.question-result{min-height:100vh;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;background-color:#a3d9a5}.question-result h2{margin:10px 0;word-break:keep-all}.question-result .pokemon{display:flex;justify-content:center}.question-result .pokemon img{width:80vw;max-width:220px;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;border-radius:50%;border:8px solid #388E3C}.question-result .name{font-size:clamp(15px,4vw,2rem);font-weight:700;margin:10px 0}.question-result .name strong{font-size:clamp(15px,6vw,2.5rem);color:#082d0a}.question-result .desc{word-break:keep-all;font-size:16px;max-width:80%;margin-top:1px}.question-result .btn-box{margin-top:10px;display:flex;flex-direction:column;gap:10px}.question-result .btn-box button{padding:8px 14px;font-size:13pt;box-shadow:inset -3px -3px 6px #0000004d,inset 3px 3px 6px #ffffff4d}