.bg-1{background-image:url("../assets/bg-1.png");background-size:cover;background-position:center;transition:1s}.lighten-image{background-color:rgba(255,255,255,.25);background-blend-mode:lighten}.hello-screen{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%}.hello-screen p{position:absolute;font-size:8vh;font-weight:bold;top:2%;color:#fff2dd;font-family:"HoengseongHanu",sans-serif;text-shadow:.8vh .8vh 0px #2a807c}.hello-screen button{background-color:#f5e5c3;font-size:1rem;border:1px solid #494949;min-width:150px;height:36px;border-radius:18px;box-shadow:2.6px 4px 3.1px rgba(0,0,0,.293);transition:.4s;margin-top:100%;height:45px;border-radius:22.5px;font-size:1.2rem;background-color:#ffd600}.hello-screen button:hover{transform:scale(1.1);filter:brightness(1.1)}.banner-hidden{background-color:#9eca9e}.banner-hidden *{opacity:0}.banner-curtain{background-color:#9eca9e;position:absolute;width:100%;height:100%;left:0}.start-screen{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%}.start-screen .text-box{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:150px}.start-screen .text-box p{text-align:center;font-size:2.5rem;font-weight:900;width:70%}.start-screen .text-box .keyword-text{width:320px;font-size:26px;margin-bottom:100px;font-weight:500;padding:20px;background-color:#f5e5c3;border-radius:10px}.start-screen button{background-color:#f5e5c3;font-size:1rem;border:1px solid #494949;min-width:150px;height:36px;border-radius:18px;box-shadow:2.6px 4px 3.1px rgba(0,0,0,.293);transition:.4s;margin-bottom:25px}.start-screen button:hover{transform:scale(1.1);filter:brightness(1.1)}.start-screen .quiz-btn{background-color:#ffd600}.mbti-buttons{display:flex;justify-content:center;align-items:center;flex-direction:row;justify-content:space-between;font-size:2.5rem;font-weight:900;margin:0 0 50px 0}.mbti-buttons .mbti-btn{background-color:#f5e5c3;width:70px;height:70px;text-align:center;margin:0 10px;border-radius:7px;border:1.6px solid #494949;box-shadow:2.6px 4px 3.1px rgba(0,0,0,.293);-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center;flex-direction:column}.flip{animation-name:flip;animation-duration:var(--custom-duration, 0.5s)}@keyframes flip{0%,100%{transform:perspective(300px) rotateX(0deg)}50%{transform:perspective(300px) rotateX(90deg);box-shadow:2.6px -4px 3.1px silver}51%{transform:perspective(300px) rotateX(-90deg);box-shadow:2.6px -4px 3.1px silver}}.fade-out{animation-name:fade-out;animation-duration:var(--custom-duration, 0.3s);animation-fill-mode:forwards}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}.fade-in{animation-name:fade-in;animation-duration:var(--custom-duration, 0.3s);animation-fill-mode:backwards}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}/*# sourceMappingURL=start-screen.min.css.map */