#root,.main-container,body,html{min-height:100%;height:100%}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.options{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;text-align:center}.option{width:200px;height:60px;border:1px solid #000;border-radius:5%;cursor:pointer}.option:active{-webkit-transform:scale(1.1);transform:scale(1.1);background-color:green}.end-game,.quiz-btn{cursor:pointer;width:90;padding:8px;border-radius:8%;background-color:violet;color:#fff}.score-card{width:50%;margin:auto;background-color:#000;color:#fff}.end-game:active,.quiz-btn:active{-webkit-transform:scale(1.01);transform:scale(1.01)}.main-container{display:flex;flex-direction:column}.hidden{display:none}.background-anim{position:absolute;z-index:-200;height:100%;width:100%}.triangle-1{position:relative;width:0;height:0;border-left:200px solid transparent;border-right:200px solid transparent;border-bottom:400px solid #adff2f;margin:30vh auto;-webkit-animation:movetriangles 2s cubic-bezier(.25,.46,.45,.94) 0s infinite alternate;animation:movetriangles 2s cubic-bezier(.25,.46,.45,.94) 0s infinite alternate}.triangle-1-white{border-left:175px solid transparent;border-right:175px solid transparent;border-bottom:350px solid #fff;right:175px}.triangle-1-white,.triangle-2{position:relative;width:0;height:0;top:35px}.triangle-2{border-left:150px solid transparent;border-right:150px solid transparent;border-bottom:300px solid #e6ed07;right:150px}.triangle-2-white{border-left:125px solid transparent;border-right:125px solid transparent;border-bottom:250px solid #fff;right:125px}.triangle-2-white,.triangle-3{position:relative;width:0;height:0;top:35px}.triangle-3{border-left:100px solid transparent;border-right:100px solid transparent;border-bottom:200px solid #f0f;right:100px}.triangle-3-white{position:relative;width:0;height:0;border-left:75px solid transparent;border-right:75px solid transparent;border-bottom:150px solid #fff;top:35px;right:75px}.description{background-color:#000;color:#fff;padding:15px}.description p{color:#9acd32}.games{display:flex;justify-content:space-evenly;flex-wrap:wrap;width:75%;margin:auto}.box-1,.box-2{width:40%;margin:5%}.games-list{list-style:none;padding:0}.games-list li{display:flex;align-items:center;justify-content:center;height:78px;background-color:#000;margin:20px}.gamelist-1:active,.gamelist-1:hover{background-color:#9acd32}.gamelist-2:active,.gamelist-2:hover{background-color:#5ae3fc}.gamelist-3:active,.gamelist-3:hover{background-color:#e3fa13}.gamelist-4:active,.gamelist-4:hover{background-color:#f0f}a{text-decoration:none;color:#fff}.back-btn{width:78px;height:30px;border:none;background-color:#000;color:#fff;margin:10px}.back-btn:hover{cursor:pointer}.game-1{width:75%;margin:30px auto}.input-box-1,.input-box-2{margin-top:20px}.cards,.input-box-1,.input-box-2{display:flex;flex-direction:column;align-items:center}.cards,.option{justify-content:center}.option{margin:10px;display:flex;align-items:center;background-color:#0026ff;border:none;color:#fff}.option:active{background-color:violet}.angle{padding:20px}.angle input{padding:5px;border:none;border-bottom:2px solid #9acd32}.btn{width:78px;height:30px;border:none;background-color:violet;font-weight:700;cursor:pointer;margin:20px}.btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}select{max-width:100%;height:30px;border:none;border-bottom:3px solid #5ae3fc;background-color:#fff;margin-bottom:20px}.area-box img{max-width:200px;max-height:300px}.angle-1,.area-1,.area-2,.area-3,.area-4,.area-5,.base,.height,.side-1,.side-2,.side-3,.sides{display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700}.result-box{font-size:2em}.right-triangle{max-width:100%;max-height:200px}input{margin:10px;height:30px;border:none;border-bottom:3px solid #9acd32}@-webkit-keyframes movetriangles{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes movetriangles{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@media screen and (max-width:450px){.game-1{width:100%}.box-1,.box-2{width:90%;margin:2%}.games-list li{height:50px}.image-1{width:250px;height:250px}.score-card{width:90%}.triangle-1{position:relative;width:0;height:0;top:20px;border-left:100px solid transparent;border-right:100px solid transparent;border-bottom:200px solid #adff2f;margin:30vh auto;-webkit-animation:movetriangles 2s cubic-bezier(.25,.46,.45,.94) 0s infinite alternate;animation:movetriangles 2s cubic-bezier(.25,.46,.45,.94) 0s infinite alternate}.triangle-1-white{border-left:80px solid transparent;border-right:80px solid transparent;border-bottom:160px solid #fff;right:80px}.triangle-1-white,.triangle-2{position:relative;width:0;height:0;top:25px}.triangle-2{border-left:60px solid transparent;border-right:60px solid transparent;border-bottom:120px solid #e6ed07;right:60px}.triangle-2-white{border-left:40px solid transparent;border-right:40px solid transparent;border-bottom:80px solid #fff;right:40px}.triangle-2-white,.triangle-3{position:relative;width:0;height:0;top:25px}.triangle-3{border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:40px solid #f0f;right:20px}.triangle-3-white{position:relative;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #fff;right:10px;top:13px}}
/*# sourceMappingURL=main.a637fdd2.chunk.css.map */