body {
 margin:0;
 background:rgb(217, 232, 255);
 color:royalblue;
 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
             "Hiragino Kaku Gothic ProN", "Hiragino Sans",
             "Meiryo", sans-serif;
}

#body {
 width:100%;
 max-width:500px;
 margin:10px auto;
 text-align:center;
}
#logo {
 width:200px;
}
#title {
 margin-bottom:20px;
 font-size:24px;
 font-weight:bold;
}
.title {
 margin:10px 0;
 padding:5px 0;
 font-size:20px;
 font-weight:bold;
 background:rgb(131, 224, 255);
}
.menu a {
 display:inline-block;
 width:150px;
 margin:10px 0;
 padding:10px 20px;
 background:rgb(131, 224, 255);
 border:rgb(72, 179, 214) 4px solid;
 border-radius:10px;
 font-size:20px;
 font-weight:bold;
 text-decoration:none;
 color:rgb(65, 129, 225);
}

.back-btn {
 width:100%;
 max-width:524px;
 margin:15px auto 0 auto;
 padding:0 8px;
}
.back-btn a {
 display:inline-block;
 width:70px;
 padding:5px 10px;
 border:solid 2px rgb(72, 179, 214);
 border-radius:10px;
 background:white;
 text-align:center;
 color:royalblue;
 text-decoration:none;
 font-weight:bold;
}

  .card{ width:calc(100% - 40px);max-width:500px;
 margin:15px auto; background:#fff; border:rgb(72, 179, 214) 2px solid; border-radius:12px; padding:10px;}
 
  input[type="date"], input[type="text"], input[type="number"], select{
    font-size:16px; padding:5px 5px; border:rgb(72, 179, 214) 2px solid; border-radius:10px; background:#fff;
  }

  .badge{
    display:inline-block; padding:4px 8px; border-radius:10px;
    border:1px solid rgb(72, 179, 214); background:#fff;
    font-size:12px; color:rgb(65, 129, 225); font-weight:800;
  }

.submit{
    display:block;width:calc(100% - 20px);max-width:524px; padding:10px; border:rgb(72, 179, 214) 4px solid; border-radius:12px;
    font-size:20px; font-weight:800; cursor:pointer;
    background:rgb(131, 224, 255);margin:10px auto;
    color:rgb(65, 129, 225);
  }