@media only screen and (min-width:1001px){.outer-circle{height:100px;width:100px}.image-text-image{height:80px;margin:10px 5px 5px 10px;width:80px}.image-text{font-size:19px}#line{height:20px}#score{top:1%}.image-expanded-container{width:60%}.navbar{grid-column:2/6}.image-expanded-description,.navbar{font-size:23px}.quiz-title{font-size:27px}}@media only screen and (min-width:681px) and (max-width:1000px){.outer-circle{height:75px;width:75px}.image-text-image{height:50px;margin:0 5px 0 0;width:50px}.image-text{font-size:16px}#line{height:15px}#score{top:1%}.image-expanded-container{width:60%}.navbar{grid-column:2/6}.image-expanded-description,.navbar{font-size:23px}.quiz-title{font-size:27px}}@media only screen and (max-width:680px){.outer-circle{height:50px;width:50px}.image-text-image{height:0;visibility:hidden;width:0}.image-text{font-size:14px}#line{height:10px}#score{bottom:1%}.image-expanded-container{width:50%}.navbar{font-size:18px;grid-column:1/6}.image-expanded-description{font-size:17px}.quiz-title{font-size:19px}.quiz-body{font-size:16px}}body{background-color:#60b954;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;margin:0;overflow-x:hidden;padding:0}#app{display:grid;justify-items:center}#options{display:grid;grid-template-columns:repeat(7,13vw);grid-template-rows:2fr 1fr 2fr;height:600px;width:91vw}@-webkit-keyframes display-line{0%{width:0}to{width:100%}}@keyframes display-line{0%{width:0}to{width:100%}}@-webkit-keyframes display-images{0%{opacity:0;-webkit-transform:rotate(0) scale(0);transform:rotate(0) scale(0)}50%{opacity:0;-webkit-transform:rotate(0) scale(0);transform:rotate(0) scale(0)}to{opacity:1;-webkit-transform:rotate(3turn) scale(1);transform:rotate(3turn) scale(1)}}@keyframes display-images{0%{opacity:0;-webkit-transform:rotate(0) scale(0);transform:rotate(0) scale(0)}50%{opacity:0;-webkit-transform:rotate(0) scale(0);transform:rotate(0) scale(0)}to{opacity:1;-webkit-transform:rotate(3turn) scale(1);transform:rotate(3turn) scale(1)}}#line{align-self:center;-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-name:display-line;animation-name:display-line;background-color:#8eff7f;border:2px solid #1d961d;border-radius:10px;grid-column:1/8;grid-row:2/3;width:100%}.image-container{-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-name:display-images;animation-name:display-images;display:grid;grid-row:1/4;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}#image-container-1{grid-column:1/4}#image-container-2{grid-column:2/5}#image-container-3{grid-column:3/6}#image-container-4{grid-column:4/7}#image-container-5{grid-column:5/8}.outer-circle{align-items:center;align-self:center;background-color:#1d961d;border-radius:50%;display:flex;grid-column:2/3;grid-row:2/3;justify-content:center;justify-self:center;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;z-index:1}.outer-circle:hover{cursor:pointer;-webkit-transform:scale(1.1) rotate(1turn);transform:scale(1.1) rotate(1turn)}.inner-image{border-radius:50%;height:85%;width:85%}.odd{grid-row:1/2}.even,.odd{grid-column:1/4}.even{grid-row:3/4}.even .image-expanded-triangle{border-bottom:20px solid #24a535;top:-20px}.even .image-expanded-triangle,.odd .image-expanded-triangle{border-left:20px solid transparent;border-right:20px solid transparent;height:0;left:calc(50% - 20px);position:absolute;width:0}.odd .image-expanded-triangle{border-top:20px solid #24a535;top:100%}.image-expanded-container{align-self:center;background-color:#8eff7f;border:3px solid #24a535;border-radius:15px;height:0;justify-self:center;max-height:100%;opacity:0;padding:5px;position:relative;transition:opacity .5s,visibility .5s,height .5s;visibility:hidden}.image-expanded{height:0;overflow:hidden;transition:height .5s}.image-text-image{border:2px solid #1d961d;border-radius:50%;display:inline;float:left}.image-text{margin-top:30px;max-height:150px;overflow:hidden}.expand-icon{height:20px;left:calc(98% - 20px);position:absolute;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.expand-icon:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}@-webkit-keyframes image-expanded{0%{height:0;opacity:0}to{height:75vh;opacity:1}}@keyframes image-expanded{0%{height:0;opacity:0}to{height:75vh;opacity:1}}.image-expanded-container-expanded{align-items:center;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-name:image-expanded;animation-name:image-expanded;background-color:#8eff7f;border:3px solid #24a535;border-radius:15px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:25px 65px 10px .3fr 3.5fr;height:75vh;justify-items:center;left:12.5vw;padding:5px;position:fixed;top:12.5vh;width:75vw;z-index:2}.image-expanded-line{background-color:#24a535;height:5px;width:100%}.shrink-icon{grid-column:4/5;grid-row:1/2;height:35px;justify-self:right;top:20px;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.shrink-icon:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.expanded-image{grid-column:1/2;grid-row:1/3}.image-expanded-line{grid-column:1/6;grid-row:3/4}.navbar{align-items:center;display:flex;gap:10px;grid-row:2/3;height:100%;justify-content:space-evenly;width:100%}.navbar-1,.navbar-2,.navbar-3{align-items:center;background-color:#73cf67;border-radius:20px;color:#051422;display:flex;height:75%;justify-content:center;transition:background-color .5s;width:75%}.navbar-1:hover,.navbar-2:hover,.navbar-3:hover{background-color:#2a941c;cursor:pointer}.image-title{grid-column:1/6;grid-row:4/5;margin:0;padding:0;text-align:center}.image-expanded-description{align-items:center;border:5px solid #24a535;border-radius:30px;display:flex;flex-direction:column;grid-column:1/6;grid-row:5/6;height:77%;justify-content:center;padding:20px;position:relative;text-align:center;width:60%}.quiz-title{margin:0;padding:0;text-align:center}.quiz-body{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.quiz-submit-button{background-color:initial;border:2px solid #000;border-radius:5px;font-size:20px;padding:10px 20px;transition:background-color .5s}.quiz-submit-button:hover{background-color:#24a535;cursor:pointer}.quiz-answer-container{height:100%;width:100%}.quiz-final{font-size:30px;font-weight:700;position:absolute;top:-20px}#score{-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-name:others-fade-in;animation-name:others-fade-in;background-color:#34a52a;border:2px solid #000;border-radius:30px;font-size:33px;font-weight:700;padding:5px;position:fixed;right:2%;z-index:2}#score-text{margin:0;padding:5px}#switch-modules{align-items:center;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-name:others-fade-in;animation-name:others-fade-in;background-color:#1cd16d;border:1px solid #000;display:flex;flex-direction:column;font-size:20px;margin-top:30px;width:20vw}.modules:hover{background-color:#7fffd4;cursor:pointer}.module-text{margin:0;padding:5px;text-align:center}.modules{align-items:center;border-bottom:1px solid #000;display:flex;flex-direction:column;transition:background-color .5s;width:100%}#title{font-size:45px}#subtitle,#title{-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-name:others-fade-in;animation-name:others-fade-in;font-weight:400;margin:0;padding:10px;text-align:center}#subtitle{font-size:25px}@-webkit-keyframes others-fade-in{0%{opacity:0;visibility:hidden}50%{opacity:0;visibility:visible}to{opacity:1}}@keyframes others-fade-in{0%{opacity:0;visibility:hidden}50%{opacity:0;visibility:visible}to{opacity:1}}
/*# sourceMappingURL=main.fca5efed.css.map*/