@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&family=Roboto+Condensed:wght@400;700&display=swap";header{text-align:center;margin:0 0 .2em;height:70vh;width:100%;background:url(/assets/reactbackgound-d3b10a33.png);object-fit:cover;background-repeat:no-repeat;padding:2em;display:grid;place-content:center;gap:2em}header h1{margin:0;font-family:Roboto Condensed,sans-serif;font-size:5rem;line-height:.9;background:linear-gradient(40deg,#4c00524e,#ef82f9,#abf0fe,#97eafa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 12px 8px rgba(0,0,0,.5))}header p{margin:0;font-size:1.25rem;color:#c5addf;font-family:Roboto Condensed,sans-serif}img{width:35px;height:35px}.navbar{display:flex;justify-content:space-between;align-items:center;padding:2rem 6rem}.navbar-links_container{display:none}.navbar-links{flex:1;display:flex;justify-content:space-between;align-items:center}.navbar-links_logo{margin-right:2rem}.navbar-links_logo img{width:70px;height:auto}.navbar-sign{display:none}.navbar-links_container p a{color:#fff;font-family:Quicksand,sans-serif;font-weight:600;font-size:20px;line-height:25px;text-transform:capitalize;margin:0 1rem;cursor:pointer;text-decoration:none;transition:.5s ease-in-out;position:relative}.navbar-links_container p a:hover,.navbar-links_container p a.active{color:#ddb8ec}.navbar-links_container p a:hover:after,.navbar-links_container p a.active:after{content:"";width:50%;height:2px;position:absolute;bottom:-4px;left:0;background:rgb(221,184,236)}.navbar-sign button,.navbar-menu_container button{padding:.5rem 1rem;color:#fff;background:#FF4820;font-family:var(--font-family);font-weight:500;font-size:18px;line-height:25px;border-radius:5px;border:none;outline:none;cursor:pointer}.navbar-menu{margin-left:1rem;display:none;position:relative}.navbar-menu svg{cursor:pointer}.navbar-menu_container{display:flex;justify-content:flex-end;align-items:flex-end;flex-direction:column;text-align:end;background:var(--color-footer);padding:2rem;position:absolute;right:0;top:40px;margin-top:1rem;min-width:210px;border-radius:5px;box-shadow:0 0 5px #0003}.navbar-menu_container p{margin:1rem 0}.navbar-menu_container-links-sign{display:none}.mobile-menu-container{display:flex;flex-direction:column;margin:0;text-align:right;align-items:end;background-color:#171320fc;height:100vh;width:300px;padding:5em 5em 8em 22em;transform:translate(400%);transition:1s ease-in-out;position:absolute;top:0;right:0;z-index:66}.mobile-menu-open{display:flex;flex-direction:column;margin:0;text-align:right;align-items:end;background-color:#171320fc;height:100vh;width:300px;padding:5em 5em 8em 22em;transform:translate(0);transition:1s ease-in-out;position:absolute;top:0;right:0;z-index:66}.mobile-menu-links>p>a{text-decoration:none;color:#fff;font-size:2rem}.mobile-menu-links>p{margin-top:3em}.hamburger,.close{cursor:pointer}@media screen and (min-width: 800px){.hamburger,.close{display:none}.navbar-links_container{display:flex;flex-direction:row}.navbar-sign{display:flex;justify-content:flex-end;align-items:center;gap:.6em}.mobile-menu-container{display:none}}body{font-family:sans-serif;margin:0;padding:3rem;background-color:#2d2c2c;color:#959090;text-align:center}ul{list-style:none;margin:0;padding:0}li{list-style:none;margin:1rem;padding:1rem;background-color:#8567fd;color:#fff;border:2px solid #8567fd;border-radius:6px}*{box-sizing:border-box}html{font-family:Quicksand,sans-serif;line-height:1.5;color:#f9f9fa;background:radial-gradient(#100418,#6954d1);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;min-height:80rem;scroll-behavior:smooth;transition:5s ease-in-out}.wrapper{max-width:1400px;margin:0 auto}main{width:100%;margin:0 auto}#core-concepts{width:100%;margin:0 auto;padding:2em 2em 6em;background-color:#0f141a;box-shadow:0 2px 8px #0006}#core-concepts h2{text-align:left;font-family:Roboto Condensed,sans-serif;margin:0 0 1.5rem;color:#e2dce9;font-size:2rem}#core-concepts ul{list-style:none;padding:0;margin:0;display:flex;gap:1.2rem;flex-wrap:wrap;justify-content:center}#core-concepts li{width:14rem;background-color:#050315;text-align:center;border:1px solid #5900ff4e;border-radius:6px;padding:1em 2em;transition:.4s ease-in-out}#core-concepts li:hover{background-color:#0b0726;cursor:pointer}#core-concepts li img{height:4rem;width:6rem;object-fit:cover}#core-concepts li h3{margin:.5rem 0}#core-concepts li p{font-size:.9rem}#examples{margin:1rem auto}#examples h2{text-align:left}#examples menu{margin:1rem 0;padding:0;display:flex;gap:.5rem;list-style:none}#examples menu button{padding:.5rem 1rem;border:none;border-radius:6px;background-color:transparent;color:#ccb8e1;font-family:Roboto Condensed,sans-serif;font-size:1.5rem;cursor:pointer;transition:all .2s ease-in-out}#examples menu button:hover{background-color:#1b082f;color:#ebe7ef}#examples menu button.active{background-color:#7925d3;color:#ebe7ef}#tab-content{padding:1rem;border-radius:6px;background-color:#060316;box-shadow:0 2px 8px #0000004d}#tab-content h3{margin:0}#tab-content code{font-size:1rem}.CTA{padding:.4em 2em;background-color:#0199b8;color:#fff;font-size:1.2rem;border-radius:6px;transition:background-color .3s ease-out;margin:3em}button{padding:2em}.counter-btns{display:flex;justify-content:space-between}.CTA:hover{background-color:#010b0d;transition:background-color .5s ease-out}.CTA-Holder,.counter-container{display:grid;place-content:center;padding:1em}span{font-size:2.3rem}.faculty-cards{display:flex;gap:1em;justify-content:space-evenly;flex-wrap:wrap}.card{padding:2rem;max-width:30rem;border-radius:6px;background:linear-gradient(#381754,#150920);box-shadow:0 0 28px #220000e6}.card h2{margin:0;font-family:Lato,sans-serif;font-weight:700;font-size:1.5rem;color:#e5d9f1}.card p{margin:.5rem 0}.card a{color:#b3f4f6;text-decoration:none}.dynamicContent{min-height:50vh;height:auto;background-color:#0f141a;padding:.4em 2em 4em;border-radius:6px}#alert{display:flex;flex-direction:column;justify-content:space-around;align-items:center;text-align:center;gap:1.3em;margin:3rem auto;padding:1rem;width:15rem;border:2px solid #dd3562;background-color:#776167;color:#fff}#alert button{font:inherit;border:none;padding:1rem 1.5rem;background-color:#540218;color:#fff;border-radius:4px;cursor:pointer}.del-btn{display:grid;place-content:center;width:10rem;padding:1em 4em;height:auto;border-radius:6px;background-color:#671616;color:#fff}.del-container{height:400px;display:grid;place-content:center}