.active{background-color:#bcfd4c}body{background-color:#87cefa;color:#fff;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;margin:0;padding:0;text-align:center}.logo{border:2px solid #000;border-radius:15px;color:#00008b;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:4rem;padding:.5rem;text-decoration:none}.logo,.menu{background-color:#fff}.menu{align-items:center;border:2px solid #000;display:flex;font-size:1rem;justify-content:center;overflow:hidden;padding:0}.nava{display:block;font-weight:700;padding:1% 4%;text-decoration:none}.toggle-button{display:none;flex-direction:column;height:21px;justify-content:space-between;position:absolute;right:1rem;top:3rem;width:30px}.toggle-button .bar{background-color:#fff;border-radius:10px;height:3px;width:100%}.title{font-size:1.5rem;margin-left:10%;text-align:left;text-decoration:underline}@media (max-width:1000px){.toggle-button{display:flex}.nava{width:100%}div,p{font-size:small}.navbar{align-items:flex-start}.menu,.navbar{flex-direction:column}.menu{margin-left:10%;margin-right:10%;width:80%}.navbar.active{display:flex}.title{font-size:1rem}.nava{font-size:x-small}.title{font-size:1rem}}.workplace{border-radius:20px;display:flex;flex-wrap:wrap;justify-content:space-around;margin:1%;padding:1%;position:relative}.draggable-element{left:0;position:absolute;top:0}.dragging{z-index:9999}.para{text-align:left}.square{background-color:#a1c798;height:1500px;margin:1%;position:relative;width:1500px}.rec,.square{border:3px solid #00008b;border-radius:20px;box-shadow:0 4px 8px 0 #00000080,0 6px 20px 0 #000000e6;padding:1%}.rec{background-color:#fff;color:#000;height:90vh;width:30vw}.rec-instructions{margin-left:1%;margin-right:1%}.btn{background-color:#5f94c1;border:2px solid #000;box-shadow:0 4px 8px 0 #00000080,0 6px 20px 0 #00000080;cursor:pointer;font-family:inherit;font-size:15px;font-weight:bolder;height:3em;margin-left:1%;overflow:hidden;position:relative;width:10em;z-index:1}.btn:before{background-color:#a7dde2;content:"";display:block;height:3em;left:0;position:absolute;top:0;width:0;z-index:-1}.btn:hover:before{width:9em}.btndiv{color:#fff}.quiz{background:#fff;border:1px solid #fff;border-radius:4px;box-shadow:0 0 10px #0000001a;color:#000;margin:5rem auto;max-width:1000px;padding:20px}@media only screen and (max-width:330px){.logo{font-size:25px}div{font-size:x-small}.workplace{flex-wrap:wrap}.square{height:280px;width:280px}.rec{height:650px;margin-right:10%;width:280px}.btndiv{font-size:8px}.protract{height:70px}img.diagram{height:90px}.canva{height:250px;width:250px}.spiral{width:220px}.btn{background-color:#5f94c1;border:2px solid #000;cursor:pointer;font-family:inherit;font-size:10px;font-weight:bolder;height:3.5em;overflow:hidden;position:relative;width:11em;z-index:1}.btn:before{background-color:#a7dde2;content:"";display:block;height:3.5em;left:0;position:absolute;top:0;width:0;z-index:-1}.btn:hover:before{width:11em}.quiz{background:#fff;border:1px solid #fff;border-radius:4px;box-shadow:0 0 10px #0000001a;color:#000;margin:1rem 2%;max-width:1000px;padding:20px}.utube{height:auto;width:90%}}@media only screen and (min-width:330px){.logo{font-size:30px}.workplace{flex-wrap:wrap}.square{height:300px;width:300px}.rec{height:750px;width:300px}.btndiv{font-size:12px}.protract{height:100px}img.diagram{height:130px}div{font-size:small}.canva{height:300px;width:300px}.spiral{width:200px}.btn{background-color:#5f94c1;border:2px solid #000;cursor:pointer;font-family:inherit;font-size:11px;font-weight:bolder;height:3.5em;margin-left:1%;overflow:hidden;position:relative;width:11em;z-index:1}.btn:before{background-color:#a7dde2;content:"";display:block;height:4.5em;left:0;position:absolute;top:0;width:0;z-index:-1}.btn:hover:before{width:11em}.quiz{background:#fff;border:1px solid #fff;border-radius:4px;box-shadow:0 0 10px #0000001a;color:#000;margin:1rem 2%;max-width:1000px;padding:20px}.utube{height:150px;width:80%}}@media only screen and (min-width:426px){.logo{font-size:35px}.board{display:wrap}.square{height:400px;width:400px}.rec{height:700px;width:400px}.labels{font-size:medium}.protract{height:130px}.canva{height:400px;width:400px}.spiral{width:300px}.utube{height:250px;width:80%}}@media only screen and (min-width:600px){.logo{font-size:50px}div{font-size:medium}.board{display:wrap}.square{height:500px;width:500px}.rec{height:680px;width:500px}.labels{font-size:medium}.protract{height:130px}.canva{height:500px}.canva,.spiral{width:500px}.utube{height:300px;width:70%}}@media only screen and (min-width:769px){.logo{font-size:50px}div{font-size:medium}.board{display:wrap}.square{height:500px;width:500px}.rec{height:680px;width:500px}.labels{font-size:medium}.protract{height:130px;width:260px}.canva{height:600px;width:600px}.spiral{width:300px}.quiz{background:#fff;border:1px solid #fff;border-radius:4px;box-shadow:0 0 10px #0000001a;color:#000;margin:1rem 2%;max-width:1000px;padding:20px}.utube{height:330px;width:70%}}@media only screen and (min-width:1025px){.logo{font-size:55px}.board{display:wrap}.square{height:550px;width:550px}.rec,.square{margin-left:1%;margin-right:1%}.rec{height:730px;width:450px}.labels{font-size:medium}.protract{height:130px;width:260px}img.diagram{height:150px}.canva{height:600px;width:600px}.spiral{margin-left:1rem;width:300px}.quiz{background:#fff;border:1px solid #fff;border-radius:4px;box-shadow:0 0 10px #0000001a;color:#000;margin:1rem auto;max-width:1000px;padding:20px}.utube{height:400px;width:60%}}@media only screen and (min-width:1441px){.board{display:flex}.square{height:630px;width:630px}.rec,.square{margin-left:1%}.rec{height:650px;width:530px}.labels{font-size:medium}.protract{height:130px;width:260px}.canva{height:600px;width:600px}.spiral{width:400px}.quiz{background:#fff;border:1px solid #fff;border-radius:4px;box-shadow:0 0 10px #0000001a;color:#000;max-width:1000px;padding:20px}.utube{height:500px;width:60%}}@media only screen and (min-width:2560px){.board{display:flex}.square{width:1000px}.rec,.square{height:1000px}.rec{width:700px}.labels{font-size:40px}.protract{height:200px;width:400px}.canva{height:1000px;width:1000px}.spiral{width:800px}.quiz{background:#fff;border:1px solid #fff;border-radius:4px;box-shadow:0 0 10px #0000001a;color:#000;max-width:1000px;padding:20px}.utube{height:700px;width:60%}}.labels{color:#000;font-weight:500}.diagram{border-radius:20px}.canvas-container{position:relative}.drag-element{left:50px;position:absolute;top:50px;z-index:1}.bind{display:flex;justify-content:space-evenly}.bindnew{display:flex;flex-wrap:wrap;justify-content:center}.linktitle{color:#000}.graph{background-color:#fff}.error-message{color:#fff}.drag-handle{bottom:0;cursor:grab;height:10px;left:50%;position:absolute;transform:translateX(-50%);width:100%}.canva{background-color:#000;border:2px solid #00008b;border-radius:1rem}.can{border:2px solid #fff}.whole{display:flex;justify-content:center}.theory{display:flex;flex-wrap:wrap;justify-content:space-evenly}.actualtheory{margin-left:1rem}.instructions{border:2px solid #fff;border-radius:20px;margin-left:7%;margin-right:7%;padding-bottom:1rem;padding-left:1rem;padding-right:1rem;text-align:left}.App{margin-top:50px;text-align:center}.question-section{margin-bottom:20px}.question-count{font-size:18px;font-weight:700}.question-text{font-size:1rem;margin-top:10px}.answer-section{align-items:left;display:flex;flex-direction:column;justify-content:center}button{background:#add8e6;border:none;color:#000;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px}button.selected{background:#0088a9}.submit-button{background:#2196f3;border:none;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 20px}.submit-button:hover{background:#0f75bd}.explanation{background-color:#7a5de3;border-radius:4px;margin-top:10px;padding:10px}.correct-answer{font-weight:700}.explanation-text{margin-top:5px}
/*# sourceMappingURL=main.d411e642.css.map*/