.container{height:100vh;background-color:#fae7da}.backgroundcolor1,.container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.backgroundcolor1{min-height:100vh;background-color:#c6b1cf}.backgroundcolor-chose-mode{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center;background:linear-gradient(120deg,#9d94be 26%,#d55f9c 62%)}.backgroundcolor-select-mode{width:100vw;height:100vh;background:radial-gradient(circle,#d55f9c 21%,#a888b5 89%);position:fixed;top:0;left:0;z-index:-1;overflow:hidden}.backgroundcolor-first-question-radial{width:100vw;height:100vh;background:radial-gradient(circle,#d55f9c 0,#a888b5 50%);position:fixed;top:0;left:0;z-index:-1}.backgroundcolor-first-question{width:100vw;background-color:#c6b1cf;position:fixed;top:0;left:0}.backgroundcolor-first-question,.backgroundcolor-random-card{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center}.backgroundcolor-random-card{background-color:#b5afcb}.backgroundcolor-dass21-first-stage{background-color:#d1c6e1}.backgroundcolor-dass21-first-stage,.backgroundcolor-disease-level{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center}.backgroundcolor-disease-level{background-color:#b8b4d1}.title{font-family:Times New Roman,Times,serif;font-size:100px;font-weight:700}.titleHistory{font-family:DM Sans,sans-serif;font-weight:700;font-size:64px}.titleHistory,th{text-align:center}th{font-family:Inter,sans-serif;font-weight:600;font-size:16px;padding:10px;background-color:#b9b9b9}.center-text p{text-align:center;font-size:1.2rem;color:#000;white-space:pre-line}.titleHomePage{font-size:3rem;font-family:Arial,sans-serif;font-weight:700;color:#9b4d96;text-transform:uppercase;text-align:center;letter-spacing:2px}.homePageWrapper{width:100%;height:100vh;position:relative;cursor:pointer;display:flex;justify-content:center;align-items:center;background:linear-gradient(180deg,#c6b1cf,#ffffff 76%)}.imageContainer{position:relative;width:260px;height:460px}.imageBackground1,.imageForeground1{position:absolute;width:100%;height:100%;border-radius:10px;object-fit:cover;transition:top 1s ease,transform 1s ease,opacity 1s ease}.imageForeground1{top:-100px;transform:translateX(95px);z-index:2}.imageForeground1.centerPosition{top:200px;transform:translateX(95px)}.imageForeground1.moveOutLeft{transform:rotate(-10deg) translate(-100px);opacity:0}.imageBackground1{top:200px;transform:translate(103.5px);opacity:0;z-index:1}.imageBackground1.show{opacity:1}.imageBackground1.moveOutRight{transform:rotate(5deg) translate(200px);opacity:0}.imageStyle{width:100%;height:auto;border-radius:10px;object-fit:cover}.textContainer{position:absolute;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;left:30px;top:45%;transform:translateY(-50%);opacity:0;transition:opacity .5s ease-in-out}.textContainer.showText{opacity:1}.textColor{font-size:clamp(30px,8vw,50px);font-weight:700;margin:0;opacity:0;transition:opacity .3s ease-in-out}.textColor,.textColorThe{background:linear-gradient(90deg,#d55f9c 21%,#a888b5 89%);-webkit-background-clip:text;color:transparent;line-height:1}.textColorThe{margin-bottom:0}.textColorPoint{font-family:H1_IBM Plex Sans;transition-delay:.1s}.textColorOf{transition-delay:.2s}.textColorReflection{transition-delay:.3s}.textContainer.showText .textColor{opacity:1}@media (max-width:480px){.imageContainer{width:220px;height:380px}.textContainer{left:10px;bottom:40px}}.containerHomePage{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100vw;background:linear-gradient(90deg,#f3e9f8,#d9d9d9);cursor:pointer;transition:background-color .3s ease;overflow:hidden}.textPoint,.textReflection,.textTitle{font-size:3rem;color:#ff66b2;font-family:Arial,sans-serif}@media screen and (max-width:430px){.textContainer{left:10px;top:40%;transform:translateY(-40%)}.textColor{font-size:64px}.textColorThe{font-size:16px}.imageContainer{height:80vh}.imageBackground1,.imageForeground1{width:200px;height:350px}.imageForeground1{left:-80px}.imageBackground1{left:-60px}.imageForeground1.shiftRight{left:80px}.imageBackground1.shiftRight{left:150px}}@media (min-width:900px){body,html{margin:0;padding:0;overflow-x:hidden}.homePageWrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background:linear-gradient(180deg,#c6b1cf,#ffffff 76%);overflow-x:hidden;position:relative}.imageContainer{width:260px;height:460px;position:relative}.imageBackground1,.imageForeground1{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;object-fit:cover}.imageForeground1{left:-105px;z-index:2}.imageForeground1.centerPosition{top:0}.imageForeground1.moveOutLeft{transform:rotate(-1deg);opacity:0}.imageBackground1{top:10px;left:-105px;z-index:1;opacity:0}.imageBackground1.show{opacity:1}.imageBackground1.moveOutRight{transform:rotate(3deg) translate(100px);opacity:0}.imageStyle{width:100%;height:auto;border-radius:10px;object-fit:cover}.textContainer{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .3s ease-in-out}}body,html{margin:0;padding:0;overflow-x:hidden}*,:after,:before{box-sizing:border-box}