html,body{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}@font-face{font-family:SpoqaHanSansNeo-Regular;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff)format("woff");font-weight:400;font-style:normal}body{margin:0;padding:0}main{justify-content:center;align-items:center;width:100%;min-height:100vh;font-family:SpoqaHanSansNeo-Regular;display:flex}.mobile_frame{box-sizing:border-box;border:1px solid #000;flex-direction:column;width:420px;min-height:80vh;display:flex;box-shadow:0 4px 4px #00000040}@media screen and (max-width:600px){.mobile_frame{width:100%;height:auto;min-height:100vh;box-shadow:none;border:none}}.top_navi{justify-content:center;align-items:center;padding:10px 15px;display:flex}.top_navi>h2{margin:0;font-size:20px}.bottom_navi{justify-content:space-between;align-items:center;padding:10px 15px;display:flex;box-shadow:0 4px 4px #0000001a}.bottom_navi>a{color:#888;flex:1;justify-content:center;align-items:center;display:flex}.bottom_navi>a.active{color:#000;font-weight:700}.main_home{flex-direction:column;justify-content:center;align-items:center;display:flex;overflow:hidden}.camera_button{justify-content:center;align-items:center;width:calc(100% - 30px);margin:15px 0 0;display:flex}.camera_button>label{color:#fff;cursor:pointer;background-color:#598dfa;border-radius:5px;justify-content:center;width:100%;padding:15px 30px;font-family:SpoqaHanSansNeo-Regular;font-size:16px;font-weight:700;display:flex}.camera_button>input{display:none}.main_home>h3{color:#598dfa;margin:15px 0 0}.main_home>button{color:#fff;cursor:pointer;background-color:#2aaa8a;border:none;border-radius:5px;justify-content:center;width:calc(100% - 30px);margin:15px 0 0;padding:15px 30px;font-family:SpoqaHanSansNeo-Regular;font-size:16px;font-weight:700;display:flex}.checking_login{justify-content:center;align-items:center;margin:20px 0 0;display:flex}.checking_login>h3{color:#888;margin:0}.welcome_box{flex-direction:column;align-items:center;margin:100px 0 0;display:flex}.welcome_box>h3{margin:0}.welcome_box>h4{color:red;margin:20px 0 0}.profile_home{flex-direction:column;justify-content:center;align-items:center;display:flex}.profile_home>h3{margin:20px 0 15px}.profile_home>h3:nth-child(2){margin:0 0 15px}.profile_home>form{flex-direction:column;align-items:center;width:100%;margin:0 0 15px;padding:0 15px;display:flex}.profile_home>form>input{box-sizing:border-box;border:1px solid #ccc;border-radius:5px;width:100%;padding:10px;font-size:16px}.profile_home>form>button{color:#fff;cursor:pointer;background-color:#598dfa;border:none;border-radius:5px;width:100%;margin:15px 0 0;padding:15px 0;font-family:SpoqaHanSansNeo-Regular;font-size:16px;font-weight:700}.profile_home>button{color:#fff;cursor:pointer;background-color:#598dfa;border:none;border-radius:5px;width:calc(100% - 30px);margin:15px 0 0;padding:15px 0;font-family:SpoqaHanSansNeo-Regular;font-size:16px;font-weight:700}.profile_home>div.text{flex-direction:column;width:100%;margin:30px 0 0;padding:0 15px;display:flex}.answer_box{flex-direction:column;width:100%;margin:30px 0 0;padding:0 15px;display:flex;overflow-y:scroll}.answer_box>div:first-child{margin:0 0 30px}.answer_box>div>div{border-radius:5px;justify-content:space-between;align-items:center;margin:10px 0;padding:10px 15px;display:flex}.answer_box>div>div.correct{background-color:#f8cbdc}.answer_box>div>div.incorrect{background-color:#cbdcf8}.loading_box{justify-content:center;align-items:center;margin:20px 0 0;display:flex}.answer_box2{flex-direction:column;width:100%;margin:30px 0 0;padding:0 15px;display:flex}.answer_box2>div{flex-direction:column;display:flex}.answer_box2>div>h3{margin:0 0 10px}.answer_box2>div>div{background-color:#cbdcf8;border-radius:5px;align-items:center;width:100%;margin:0 0 10px;padding:10px 15px;display:flex}