body{font-family:Roboto,sans-serif;background-color:#f0f4f8;color:#333;margin:0;padding:0}.header-container{display:flex;justify-content:space-between;align-items:center;background-color:#004d99;background-color:#fff;padding:10px 20px}@media screen and (max-width: 750px){.header-container{flex-direction:column;height:85px}}.logo-img{height:35px;background:#ffff;padding:10px}.navbar li{margin:0 10px}.navbar a{color:var(--darkest);text-decoration:none;font-weight:700}.navbar{position:absolute;top:10px;right:10px}.navbar ul{list-style-type:none;margin:0;padding:0;overflow:hidden}.navbar ul li{float:left;position:relative}.navbar ul li a{display:block;text-align:center;padding:14px 16px;text-decoration:none}.dropdown-content{display:none;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1}.dropdown-content li{list-style:none}.dropdown-content li a{color:var(--darkest);padding:12px 16px;text-decoration:none;display:block;text-align:left;border-bottom:1px solid var(--darkest);border-radius:30% 10%;margin-bottom:10px!important}.dropdown-content li a:hover{border-bottom:thin solid var(--accent2);border-radius:30% 10%;margin-bottom:10px!important;color:var(--accent2)}.dropdown:hover .dropdown-content{display:flex;flex-direction:column}@media screen and (max-width: 750px){.navbar{position:absolute;top:45px;margin:15px auto;width:100%;display:flex;justify-content:center}}.hero-section-main-container{background-color:var(--accent2)}.hero-section-container{background:linear-gradient(45deg,var(--accent1),var(--dark1),var(--dark1),var(--dark1),var(--accent1),var(--dark2));border-bottom-right-radius:90%}.hero-section{background:linear-gradient(to right,#0066cc,#3399ff);color:#fff;text-align:center;padding:50px 20px;max-height:350px;min-height:300px;height:100%;background-image:url(bgstudents3.5f8b64e958390fb9.png);background-image:url(bgstudents1.13deffea87651c38.png);background-position-x:0;background-repeat:no-repeat;background-size:51% 125%;border-bottom-right-radius:90%;background-position-y:bottom;display:flex}.caption{font-size:60px;color:#fff;margin:auto 10px;text-align:left;font-family:Protest Strike,sans-serif;font-weight:500;font-style:normal;letter-spacing:2px;width:50%}@media screen and (max-width: 750px){.hero-section{background-size:100%}.caption{font-size:39px}}@media screen and (min-width: 750px) and (max-width:1050px){.hero-section{background-size:100%}.caption{font-size:48px}}:root{--accent1:#6005ff;--accent2:#ffb414;--dark1:#0b36d3;--dark2:cornflowerblue;--darkest:#0d3040}.cards-section{display:flex;justify-content:space-around;flex-wrap:wrap;padding:20px;background-color:var(--accent2)}.cardcontainer{max-width:1024px;margin:auto;padding:10px;display:flex;flex-direction:row;flex-wrap:wrap}.card{background:white;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:10px;padding:20px;width:220px;text-align:center;flex:1 1 300px}.card-image,.card-image img{width:100%}.button{background:#0066cc;color:#fff;padding:10px 20px;text-decoration:none;border-radius:5px;transition:background .3s}.button:hover{background:#004d99}footer{background:linear-gradient(45deg,var(--accent1),var(--darkest),black,var(--darkest),var(--darkest),black,var(--accent1))}.footer-container{margin:auto;color:#fff;text-align:center;padding:10px 0;min-height:50px;display:flex;max-width:80%;font-size:14px;flex-direction:row;gap:10px;text-align:left;justify-content:space-between}footer a{text-decoration:none;color:#fff}.copyBar{background-color:#000;color:#fff;display:grid;justify-content:center}@media screen and (max-width: 750px){.footer-container{flex-direction:column}}