@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden}:root{--primary: #14202e;--secondary:#88a9c3;--Dark:#000;--White:#ffff;--Ternry:antiquewhite;--CenterBg:lightGrey }.mainContainer{background-color:var(--secondary)}.headerBody{box-shadow:12px 12px 12px var(--Dark);height:9vh;padding-top:12px;background-color:var(--primary);color:#fff}.headerRow{display:flex;justify-content:space-evenly;align-items:center}.NavHome{font-weight:600}.NavHome a{text-decoration:none;color:var(--Dark)}.logoDiv h3{font-family:sans-serif;font-weight:600;margin-left:5px;font-size:1.3rem}.navMenu{display:flex;align-items:center;justify-content:space-around}.navBar-list{width:100%;display:flex;font-size:1.2rem;font-weight:600;align-items:center;flex-wrap:nowrap}.borderEach{border:.5px solid goldenrod;padding:5px;border-radius:5px}.borderEach:hover{box-shadow:12px 12px 12px var(--Dark);padding:8px}.roboto-regular{font-family:Roboto,sans-serif;font-weight:400;font-style:normal}.footer{display:flex;justify-content:center;align-items:center;color:#fff;background-color:#000;width:100vw;height:20vh}.topic-container{width:40vw;height:70vh;border-radius:0 15px 15px 0;background-color:var(--Dark);overflow-x:hidden;padding-right:15px}.topic-header{display:flex;justify-content:center;width:100%;margin-bottom:25px;background-color:var(--primary);color:var(--White);border-radius:0 15px 15px 0}.topic-header{position:sticky;top:0}.topic-header h2{padding:10px}.QuestionList{font-size:1.1rem;font-weight:600;font-family:Roboto,sans-serif;padding-left:15px;border-radius:15px}.topics ul{list-style:none;padding:0;font-family:Roboto,sans-serif;font-size:large}.topics ul li{margin:15px 0;padding:15px;background-color:var(--primary);color:#fff;border-radius:0 15px 15px 0}.displayAreas{display:flex}.display{width:100vw;height:70vh;margin-left:2rem;border-radius:15px 15px 0;background-color:var(--Dark);color:var(--White);overflow-x:hidden;padding-right:15px;margin-bottom:2.2rem}@media (max-width: 720px){.logoDiv h3{margin-left:5px;font-size:.8rem}.navBar-list{width:100%;display:1;font-size:0rem;font-weight:600;align-items:center;flex-wrap:nowrap}.topic-container{width:20vw;height:70vh;border-radius:0 15px 15px 0;background-color:#d3d3d3;overflow-x:hidden;padding-right:15px}}.subjectContainer div{background-image:linear-gradient(120deg,#d4fc79,#96e6a1);margin:15px;border-radius:15px;text-align:center;padding:5px 25px;cursor:pointer;font-size:1.2rem;font-weight:600;font-family:Courier New,Courier,monospace;box-shadow:2px 2px 8px gray}.subjectContainer div:hover{box-shadow:5px 15px 18px gray}.addQContainer{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background-image:linear-gradient(to top,#5ee7df,#b490ca)}.addQuestionRowDiv{background-color:#fff;height:80vh;display:flex;align-items:center;text-align:center;margin:0 25px;border-radius:15px}.SubjectDiv select{width:200px;padding:15px;border-radius:8px;text-align:center;font-weight:500;text-shadow:0px 1px 1px black;background-color:var(--primary);color:#fff}.topicContainer{display:flex;align-items:center;justify-content:space-evenly;background-color:var(--primary);height:15vh;border-radius:15px}.topicContainer select,.topicContainer input{width:200px;padding:15px;border-radius:8px;text-align:center;font-weight:500}.QuestionAnsDiv textarea{width:100%;margin-top:25px;background-color:#d3d3d3;border-radius:15px;padding:15px}.submitBtn{margin-bottom:25px}.submitBtn .btn{padding:5px 55px;background-color:var(--primary);box-shadow:2px 8px 12px #000;border:none}.submitBtn .btn:hover{padding:6px 85px;color:#daa520}