*{margin:0;padding:0;color:white}html,body{height:100%}body{background-color:#C5DEDD;display:-ms-grid;display:grid;-ms-grid-rows:15% 85%;grid-template-rows:15% 85%;grid-template-areas:"header" "content"}body.lock .track-card-container{display:none}body.home .lock-card{display:none}body.home header{-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;width:90%;margin:0 auto}header{-ms-grid-row:1;-ms-grid-column:1;grid-area:header;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}header h1{font-size:2.2em;color:#4A4A4A;font-family:'Nunito', sans-serif;font-weight:700;letter-spacing:4px}.lock-card{-ms-grid-row:2;-ms-grid-column:1;grid-area:content;background-color:#DBE7E4;height:95%;width:85%;margin:0 auto;border-radius:15px;-webkit-box-shadow:10px 15px 20px #00000040;box-shadow:10px 15px 20px #00000040;display:-ms-grid;display:grid;-ms-grid-rows:60% 28% 12%;grid-template-rows:60% 28% 12%;grid-template-areas:"image" "password" "footer"}.lock-card .image-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.lock-card .image-section svg{height:45%;fill:#4A4A4A}.lock-card .pass-section{display:-ms-grid;display:grid;-ms-grid-rows:40% 60%;grid-template-rows:40% 60%}.lock-card .pass-section input{background-color:#FFF1E6;color:#6F6F6F;-webkit-box-shadow:0px 5px 25px rgba(115,115,115,0.25);box-shadow:0px 5px 25px rgba(115,115,115,0.25);border-radius:5px;border:none;text-align:center;font-size:1em;height:80%;width:80%;-ms-grid-column-align:center;justify-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;max-width:400px}.lock-card .pass-section button{width:30%;height:50%;-ms-flex-item-align:top;-ms-grid-row-align:top;align-self:top;-ms-grid-column-align:center;justify-self:center;max-width:170px;background:#6487A0;border-radius:4px;border:none;margin-top:10px;font-size:1em;-webkit-transition:color 0.3 ease;transition:color 0.3 ease;cursor:pointer}.lock-card .pass-section button:hover{background:#59778C}.lock-card .footer-section{background-color:#FAD2E1;border-radius:0 0 15px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.lock-card .footer-section p{font-family:'Noto Sans JP', sans-serif;font-size:14px;font-weight:800;color:#4A4A4A}.lock-card .footer-section p a{text-decoration:none;color:#131313}.lock-card .footer-section p span svg{height:12px;fill:#4A4A4A}.track-card-container{width:90%;margin:0 auto;margin-bottom:50px;grid-gap:25px;display:-ms-grid;display:grid;-ms-grid-columns:(minmax(310px, 1fr))[auto-fill];grid-template-columns:repeat(auto-fill, minmax(310px, 1fr));-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.track-card-container .track-card{position:relative;height:160px;display:-ms-grid;display:grid;background:#DBE7E4;-webkit-box-shadow:8px 8px 20px rgba(0,0,0,0.15);box-shadow:8px 8px 20px rgba(0,0,0,0.15);border-radius:5px}.track-card-container .track-card .name{margin:10px 0 0 15px;color:#6487A0;font-family:'Itim', cursive;font-weight:400;font-size:1.4em}.track-card-container .track-card .date{-ms-grid-column-align:end;justify-self:end;-ms-flex-item-align:end;-ms-grid-row-align:end;align-self:end;width:120px;height:35px;padding:0 0 0 0;background:#FFF1E6;border-radius:23px 0px 5px;color:#4A4A4A;text-align:center;line-height:35px;font-family:sans-serif;font-size:1.1em;font-weight:500}.track-card-container .track-card .date-text{position:absolute;width:100%;text-align:center;line-height:155px;color:black;font-family:'Noto Sans JP', sans-serif;font-weight:400;font-size:1.9em}@media (min-width: 860px){body{-ms-grid-rows:15% 85%;grid-template-rows:15% 85%}body.home header{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}header h1{font-size:2.5em}.lock-card{width:60%;height:95%;-ms-grid-rows:50% 38% 12%;grid-template-rows:50% 38% 12%}.lock-card .footer-section p{font-size:1em}.lock-card .pass-section input{height:60%}.lock-card .pass-section button{height:35%;margin:0}.track-card-container .track-card{height:175px}.track-card-container .track-card .date-text{line-height:170px;font-size:2em}.track-card-container .track-card .date{font-size:1.2em}}#loadOverlay{display:none}