body.login__body{font-family:Arial, sans-serif;background-color:#f0f8ff;display:flex;justify-content:center;padding-top:30px;min-height:100vh;margin:0;padding:50px 0}body.login__body .login__container{background-color:#e0f0e0;padding:30px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.1);width:600px;min-height:420px}body.login__body h1.login__h1{font-size:larger;font-weight:bold;text-align:center;color:#008000;margin-bottom:30px}body.login__body .form-group{margin-bottom:20px}body.login__body label{display:block;margin-bottom:5px;color:#008000}body.login__body input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px}body.login__body .btn-container{text-align:right}body.login__body .btn{background-color:#008000;color:white;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}body.login__body .comment{width:80%;margin:20px auto;text-align:left;color:#008000}body.main__body{font-family:Arial, sans-serif;background-color:#f0f8ff;display:flex;justify-content:center;padding-top:30px;min-height:100vh;margin:0;padding:50px 0}.main__container{background-color:#e0f0e0;padding:30px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.1);max-width:1000px;height:650px;width:100%}h1.main__h1{text-align:center;font-size:larger;font-weight:bold;color:#A8006A;margin-bottom:30px}.main__content{color:#008000;line-height:1.6}.main__btn,.main__subbtn{display:block;width:100%;margin-top:30px;padding:10px;font-size:1em;text-align:center;color:white;background-color:#008000;border:none;border-radius:5px;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, 1fr);gap:20px;height:100%}.grid__item{background-color:#ffffff;border-radius:5px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,0.2)}.grid__item h2{color:#A8006A;font-weight:bold;margin:0;margin-left:20px;padding:5px}.subgrid{display:grid;grid-auto-rows:1fr;gap:10px;height:calc(100% - 40px)}.subgrid__item,.subgrid__item2{background-color:#f0fff0;font-weight:bold;border-radius:5px;padding:10px;box-shadow:0 4px 6px rgba(0,0,0,0.2);align-self:start;display:flex;justify-content:space-between;align-items:center}.subgrid__item2{margin:20px;width:30%}.main__subbtn{margin-top:0;margin-bottom:10px}#risyu-start{margin-top:30px}.main__btn-group .main__btn{width:calc(33.33% - 20px);margin-bottom:0}.btn-light{background-color:#f0fff0;color:#008000;box-shadow:0 4px 6px rgba(0,0,0,0.2);font-weight:bold}#choices{padding:10px;display:flex;justify-content:space-around}@media screen and (max-width: 1000px){.main__container{max-width:90%;border-radius:0}}.custom-alert{display:none;position:fixed;width:50%;left:50%;top:30%;transform:translate(-50%, -50%);text-align:center;background-color:ivory;border:2px solid #c71585;font-size:medium;font-weight:bold;margin:3px;padding:20px;z-index:1000}.alert-button{background-color:#4682b4;color:white;padding:5px 10px;margin-top:10px;border:none;cursor:pointer;border-radius:5px}