body,html{height:100%;margin:0;justify-content:center;align-items:center;color:#067384;background:linear-gradient(90deg,#045a71 24.1%,#065b89 79.9%);padding:0;background:url(../loginss.jpg);background-size:cover}:root{--light-blue:hsl(220, 85%, 45%);--darker-blue: hsl(237, 91%, 21%);--dark-blue: hsl(240, 31%, 14%);--light-green: #54e1b7;--primary-blue: hsl(220, 85%, 45%);--primary-dark-blue: hsl(230, 50%, 30%);--secondary-teal: hsl(187, 72%, 50%);--secondary-orange: hsl(25, 85%, 55%);--background-dark: hsl(220, 40%, 12%);--background-light: hsl(220, 45%, 96%);--text-light: hsl(210, 20%, 90%);--text-dark: hsl(210, 20%, 20%);--shadow-light: rgba(0, 0, 0, .1);--shadow-dark: rgba(0, 0, 0, .3)}.navbar{position:fixed;top:0;right:0;left:0;display:flex;justify-content:space-around;align-items:center;background:linear-gradient(90deg,var(--light-blue) 24.1%,var(--darker-blue) 79.9%);color:var(--dark-blue);padding:1px 9px;z-index:1000}.navbar-links .dropdown-menu,.vertical-navbar .dropdown-menu{display:none;position:absolute;background-color:#fff;border:1px solid #ddd;box-shadow:0 2px 4px #0000001a;padding:.5rem;transition:opacity .3s ease,visibility .3s ease}.navbar-links .dropdown-trigger:hover .dropdown-menu,.dropdown-menu:hover{display:block;opacity:1;visibility:visible}.dropdown-trigger{display:flex;align-items:center;cursor:pointer;position:relative}.dropdown-menu li:hover{background:linear-gradient(90deg,var(--light-blue) 24.1%,var(--darker-blue) 79.9%);color:#ebf5f6}.horizontal-navbar{display:flex;align-items:center;width:100%}.horizontal-navbar .logo-container{display:flex;align-items:center;margin-right:auto}.logoos{width:60px;height:60px;border-radius:50%;margin-left:10px;transition:width .3s,height .3s,margin-left .3s}.horizontal-navbar .navbar-links,.horizontal-navbar .navbar-links.icons-only ul{display:flex;align-items:center}.horizontal-navbar ul{margin-right:22px;color:#93e3fb}.horizontal-navbar .navbar-links ul li{margin-right:22px}.horizontal-navbar .navbar-links ul li:last-child{margin-right:0}.horizontal-navbar .top-navbar-right{margin-left:auto;display:flex;align-items:center}.horizontal-navbar .search-bar-container{display:flex;align-items:center}.courses-dropdown{display:none;position:absolute;background-color:#fff;box-shadow:0 4px 8px #0000001a;z-index:1000;width:150px;padding:5px;top:50px;left:0}.horizontal-navbar ul li a.active{background-color:var(--light-green);color:#fff;border-radius:5px}.horizontal-navbar li:hover .courses-dropdown{display:block}.vertical-navbar ul{padding:0}.horizontal-navbar .levels-container ul li a.active{background-color:var(--light-green);color:#fff;border-radius:5px}.vertical-navbar .subcategories{padding-left:10px}.dropdown-menu{position:absolute;background:linear-gradient(90deg,var(--light-blue) 24.1%,var(--darker-blue) 79.9%);color:var(--dark-blue);border:1px solid #ddd;box-shadow:0 2px 10px #0000001a;border-radius:4px;top:100%;left:0;z-index:1000;display:none;min-width:200px}.dropdown-menu ul{margin:0;padding:10px 0}.dropdown-menu li{padding:10px 20px;cursor:pointer}.dropdown-menu li:hover{background-color:#15657b}.dropdown-container{display:flex}.levels-container li.active{background-color:#54e1b7}.close-icon{cursor:pointer}.icons-only{display:none}.hamburger:before,.hamburger:after,.hamburger div{content:"";display:block;background-color:#fff;height:3px;width:100%;position:absolute;left:0;transition:all .3s ease}.hamburger:before{top:0}.hamburger div{top:50%;transform:translateY(-50%)}.hamburger:after{bottom:0}.top-navbar-left,.top-navbar-center,.top-navbar-right{display:flex;align-items:center}.navbar a:not(.active){background-color:transparent}.logo-container{display:flex;align-items:center}.logo-container .logo-text{color:var( --secondary-teal );font-size:1.4rem;font-weight:700;margin-left:6px}.navbar-links ul{list-style-type:none;display:flex;align-items:center}.navbar-links ul li{margin:0 10px}.navbar-links ul li a{color:#fff;text-decoration:none;display:flex;align-items:center;padding:10px}.navbar-links ul li a:hover{background-color:var(--light-blue);border-radius:5px;color:var(--darker-blue)}.vertical-navbar{position:fixed;top:0;left:0;height:100%;width:240px;background:linear-gradient(90deg,var(--light-blue) 24.1%,var(--darker-blue) 79.9%);color:var(--dark-blue);transform:translate(-250px);transition:transform .3s ease-in-out;z-index:99}.vertical-navbar ul{padding:0;margin:0}.vertical-navbar li{padding:10px;margin:0;cursor:pointer;transition:background-color .3s,color .3s;background:linear-gradient(90deg,var(--light-blue) 24.1%,var(--darker-blue) 79.9%);color:bisque}.vertical-navbar li:hover{background-color:#476685}.vertical-navbar .courses-dropdown{display:none;position:relative;background-color:#fff;padding:10px}.vertical-navbar li:hover .courses-dropdown{display:block}.vertical-navbar .courses-dropdown span{display:block;padding:5px 0}.vertical-navbar .courses-dropdown span:hover{background-color:#f0f0f0;cursor:pointer}.dropdown-trigger{display:flex;align-items:center;cursor:pointer}.dropdown-trigger span{margin-left:.3rem}.dropdown-menu{position:absolute;background-color:#fff;border:1px solid #ddd;box-shadow:0 2px 10px #0000001a;border-radius:4px;top:100%;left:0;z-index:1000;display:none;min-width:200px}.dropdown-menu li{padding:10px}.dropdown-menu li:hover{background-color:#c2d3ad}.vertical-navbar.show{transform:translate(0)}.dropdown-container{display:flex;position:absolute;top:100%;left:0;width:100%;box-shadow:0 4px 8px #0003;padding:0;margin:0;border-radius:10px;width:auto}.dropdown-container .levels-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:1px;width:100%;max-height:100%;overflow-y:auto;border-radius:1px}.dropdown-container .levels-container ul{list-style-type:none;margin:0;padding:0;display:contents;border-radius:10px;width:100%}.dropdown-container .levels-container ul li{padding:5px;margin:0;width:100%;border-bottom:1px solid hsl(210,30%,60%);background:linear-gradient(90deg,var(--light-blue) 24.1%,var(--darker-blue) 79.9%);color:#ebf5f6}.dropdown-container .levels-container ul li:hover{background:linear-gradient(90deg,var(--darker-blue) 24.1%,var(--light-blue) 79.9%);color:#97cbee}.dropdown-container .levels-container ul li a{text-decoration:none;color:#d1e6fa;font-size:13px;display:block;width:100%;height:100%}.dropdown-container .levels-container ul li.active{background-color:#2b7cab;color:#d1e6fa}.dropdown-container .subcategories-container{position:absolute;top:0;left:100%;background:linear-gradient(90deg,var(--darker-blue) 24.1%,var(--light-blue) 79.9%);color:#e1ebf2;z-index:10;width:100%;box-shadow:0 4px 8px #0003;padding:0;max-height:80vh;overflow-y:auto}.dropdown-container .subcategories-container ul{list-style-type:none;margin:0;padding:0;width:100%;display:contents}.navbar{transition:transform .3s ease}.hide-navbar{transform:translateY(-100%)}.logo-img{height:40px;width:auto;border-radius:50%}.dropdown-container .levels-container ul li a:hover{text-decoration:none;color:#002a43}.dropdown-container .levels-container ul li.active{background-color:#2b7cab;color:#93e3fb}.dropdown-container .subcategories-container ul li.active a{background-color:#2e6fb0;color:#003d66}.dropdown-container .subcategories-container{position:absolute;top:0;left:100%;background-color:#327bb7;z-index:10;width:200px;box-shadow:0 4px 8px #0003;padding:0}.dropdown-container .subcategories-container ul{list-style-type:none;margin:0;padding:0;display:contents;left:100%;width:100%}.dropdown-container .subcategories-container ul li a{text-decoration:none;color:inherit;font-size:13px;display:block;width:100%;height:100%}.vertical-navbar.active{transform:translate(0)}.dropdown-container .subcategories-container ul li a:hover{text-decoration:none;color:#002a43}.vertical-navbar.visible{display:block;transform:translate(0)}.vertical-navbar .dropdown-container{position:relative;background-color:#ffe3e3;box-shadow:0 4px 8px #0003;padding:0;margin:0;min-width:250px;z-index:1000}.vertical-navbar .dropdown-container .levels-container{border-bottom:1px solid #373131}.vertical-navbar .dropdown-container .subcategories-container{position:absolute;top:0;left:100%;background-color:#dae9ff;z-index:10;width:200px;border-top:1px solid #d8d5d5;box-shadow:0 4px 8px #0003;padding:0;max-height:100vh;overflow-y:auto}.vertical-navbar .dropdown-container .subcategories-container ul{list-style-type:none;margin:0;padding:0}.vertical-navbar .dropdown-container .subcategories-container ul li{padding:10px 15px;margin:0;cursor:pointer;transition:background-color .3s,color .3s}.vertical-navbar .dropdown-container .subcategories-container ul li:hover{background-color:#dee7f4;color:#fff}.vertical-navbar .dropdown-container .subcategories-container ul li a{text-decoration:none;color:inherit;font-size:14px;display:block;width:100%;height:100%}.navbar-links ul li:hover .dropdown-menu{display:block}.dropdown-menu{display:block;position:absolute;left:100%;top:0;background-color:#fff;border:1px solid #ddd;box-shadow:0 2px 4px #0000001a;padding:.5rem;min-width:200px}.dropdown-menu li:hover{display:block}.dropdown-menu li.active{background-color:#bcf6dc;color:#000}.dropdown-menu{min-width:200px}.vertical-navbar.show{display:block}.vertical-navbar .dropdown-trigger.active+.dropdown-menu{display:block}.vertical-navbar .dropdown-menu{position:static;display:none;background-color:#fff;border:1px solid #ddd;box-shadow:0 2px 4px #0000001a}.vertical-navbar li:hover .dropdown-menu{display:block}.close-icon{position:absolute;top:10px;right:10px;cursor:pointer;background-color:#ebc1c1;font-size:1.5rem}.vertical-navbar ul{padding:20px 0;list-style-type:none}.vertical-navbar ul li{margin-bottom:10px}.vertical-navbar ul li a{color:#fff;text-decoration:none;display:flex;align-items:center;padding:10px}.vertical-navbar ul li a.active{background-color:#28a745;border-radius:5px}.vertical-navbar ul li a:hover{background-color:#ebc1c1;border-radius:5px}.courses-dropdown{background-color:#fff;padding:5px;position:absolute;top:100%;left:0;width:100%;display:none;z-index:100}.vertical-navbar ul li:hover .courses-dropdown{display:block}.hamburger{cursor:pointer;color:#2e2a2a;font-size:2.3rem;display:none;margin-right:10px}.hamburger.jiggle{animation:jiggle .6s ease-in-out}@keyframes jiggle{0%,to{transform:rotate(-11deg)}50%{transform:rotate(10deg)}}.top-navbar-right{display:flex;align-items:center}.search-button{background-color:#2898a7;color:#fff;border:none;padding:8px 12px;border-radius:0 5px 5px 0;cursor:pointer;transition:background-color .3s ease-in-out}.search-button:hover{background-color:#218838}.search-bar-container{display:flex;align-items:center}.profile-container{position:relative;display:inline-block;margin-right:60px}.courses-dropdown span{display:block;padding:5px;color:#18181b;text-decoration:none;transition:background-color .3s}.courses-dropdown .divider{height:1px;background-color:#1e1b1b;margin:4px 0}.navbar-links ul li{position:relative}.navbar-links .active,.vertical-navbar .active{background-color:#1f438b;color:#fff;border-radius:4px;transition:background-color .3s ease}.navbar-links ul li:hover .courses-dropdown{display:block;position:absolute;top:100%;left:0}.default-profile{width:40px;height:40px;border-radius:50%;cursor:pointer}.profile-options{position:absolute;top:100%;left:0;background-color:#342e2e;color:#7c8bf8;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 4px #0000001a;display:none;z-index:1000}.profile-container:hover .profile-options{display:block}.profile-option{display:block;padding:10px;cursor:pointer}.navbar-links ul{list-style-type:none;margin:0;padding:0;color:#93e3fb;display:flex}.navbar-links ul li{margin-right:20px}.navbar-links ul li a{color:#93e3fb;text-decoration:none}.navbar-links ul li a.active{font-weight:700;color:#0a5685}.navbar-logo{width:80px;height:60px;border-radius:50%;right:0;top:0;left:0;display:flex;position:relative}.search-bar{padding:5px;border:none;border-radius:4px;background:linear-gradient(90deg,#36384e 24.1%,#242742 79.9%);color:#fff}.search-button{background:linear-gradient(90deg,#36384e 24.1%,#242742 79.9%);color:#fff;border:none;margin-left:5px;cursor:pointer}.search-button:hover{background:linear-gradient(90deg,#6e7087 24.1%,#41477c 79.9%)}@media (max-width: 768px){.navbar{flex-direction:column;align-items:flex-start;padding:5px;margin-bottom:60px}.navbar-links{display:flex;justify-content:space-between;width:100%}.navbar-links ul{display:flex;justify-content:space-around;width:100%;padding:0}.navbar-links ul li{flex:1;margin:0;text-align:center;font-size:.96rem}.dropdown-menu{min-width:150px}.hamburger{display:block}.navbar-links ul li a{display:flex;flex-direction:column;align-items:center}.navbar-links ul li a span{display:none}.navbar-logo{width:50px;height:50px}.logo-img{height:30px}.elearning-hat-icon{color:var(--secondary-orange);margin-right:5px}.logo-text{font-size:1em;margin-left:5px}}@media (max-width: 480px){.navbar-links ul{display:none;justify-content:space-around;width:100%;padding:0}.navbar-links ul li a span{display:none}}@media (max-width: 767px){.navbar-links{display:none;justify-content:space-between;width:100%}.navbar-links ul{display:none;justify-content:space-around;width:100%;padding:0}}.LoadingSpinner-module__spinner___v9XQh{width:max-content;height:30px;position:relative;margin:100px auto;display:flex;align-items:center}.LoadingSpinner-module__doubleBounce1___97N1R,.LoadingSpinner-module__doubleBounce2___IPxfS{width:18px;height:18px;border-radius:50%;background-color:#1b81e8;opacity:.6;position:relative;margin-right:8px;animation:LoadingSpinner-module__bounce___nOSo- 2s infinite ease-in-out}.LoadingSpinner-module__doubleBounce2___IPxfS{animation-delay:-1s}@keyframes LoadingSpinner-module__bounce___nOSo-{0%,to{transform:scale(0)}50%{transform:scale(1)}}.LoadingSpinner-module__spinner___v9XQh p{color:#439dfd;font-weight:700;margin-top:2vh;font-size:1.2em;text-align:center}.LoadingSpinner-module__circle___ZTRHW{width:20vw;height:20vw;max-width:200px;max-height:200px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;border:5px solid transparent;border-top:5px solid #3498db;animation:LoadingSpinner-module__spin___dcPO8 1.5s linear infinite;box-shadow:0 0 20px #0000001a}.LoadingSpinner-module__loadingImage___oCT8q{width:90%;height:90%;object-fit:cover;border-radius:50%;animation:LoadingSpinner-module__pulse___YYHNd 2s infinite ease-in-out}@keyframes LoadingSpinner-module__spin___dcPO8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes LoadingSpinner-module__pulse___YYHNd{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}