.hero-container{background-image:url(/static/media/hs_backgroud.204d0d22ae407130bb7d.png);background-size:cover;border-radius:30px;margin:1vh}.hero-section{align-items:center;display:flex;height:calc(98vh - 180px);justify-content:space-around;padding:15px 0 85px}.hero-content{max-width:45%;padding-left:var(--spacing-xl)}.hero-content h1{line-height:1}.hero-content h1,.hero-content p{color:var(--color-background);padding-bottom:var(--spacing-md)}.hero-content p{line-height:2}.hero-image{max-width:55%}.hero-image img{height:auto;max-width:100%}.hero-buttons{align-items:center;display:flex;justify-content:center}.hero-buttons button{border-radius:var(--border-radius);margin:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.hero-social{background:#0000;bottom:0;display:flex;height:60px;justify-content:flex-start;left:0;padding-left:20px;position:absolute}.hero-social a{color:var(--color-background);margin:0 10px}@media (max-width:768px){.hero-section{padding:0 50px 100px}.hero-content{max-width:100%;padding:0}.hero-buttons{display:flex;flex-direction:column}.hero-buttons a,.hero-buttons button{width:100%}.hero-image{display:none}}.profile-section{margin:var(--margin-section)}.profile-section h2{margin-bottom:2%}.features-grid{grid-gap:5%;display:grid;gap:5%;grid-template-columns:repeat(3,minmax(250px,1fr));margin:0 3%;padding:var(--spacing-md)}.feature-card{margin-bottom:var(--spacing-lg);padding:5%;position:relative}.disabled h3,.disabled p{color:var(--color-text-muted)}.coming-soon{background:var(--color-accent);border-radius:50px;bottom:0;color:var(--color-background);font-size:.9em;margin:2%;padding:3px 13px;position:absolute;transform:translateX(70%)}.feature-icon-area{position:relative;width:100%}.feature-icon-area,.feature-icon-container{align-items:center;display:flex;justify-content:center}.feature-icon-container{height:50%;width:50%}.feature-icon{background:var(--color-border);border-radius:100px;height:100px;padding:3%;width:100px}.feature-icon:hover{transform:scale(1.05);transition:var(--transition-default)}.disabled-icon:hover{transform:scale(1)}.feature-icon img{border-radius:50px;height:100%;width:100%}.feature-button{color:var(--color-hover);font-style:italic;font-weight:700}.feature-button:hover{color:var(--color-text);transition:var(--transition-default)}@media (max-width:768px){.features-grid{display:block;max-width:100%}}.profile-section p{margin:var(--margin-subsection);margin-bottom:var(--spacing-sm)}.teacher-extra-info{align-items:center;border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;justify-content:space-around;margin:var(--margin-subsection)}.teacher-extra-info,.teacher-extra-info h3{padding:var(--spacing-md)}.teacher-extra-info ul{padding:var(--spacing-sm)}@media (max-width:768px){.teacher-extra-info{display:block;max-width:100%}}.colab-blocks{display:flex;justify-content:space-between;margin:var(--margin-subsection);margin-bottom:var(--spacing-md)}.colab-block{border:1px solid var(--color-border);border-radius:var(--border-radius);width:45%}.colab-block,.colab-intro{padding:var(--spacing-md)}@media (max-width:768px){.colab-blocks{display:block;max-width:100%}.colab-block{border:1px solid var(--color-border);border-radius:var(--border-radius);margin-block:var(--spacing-md);padding:var(--spacing-md);width:auto}}.info-page-container{color:#0632af;text-align:center}.intro p{padding:2% 15%}.careers-container{padding:1%}.careers-section{display:flex;font-size:15px;height:44em;padding:2%}.careers-section h3{margin:0}.career-selector{display:flex;flex-direction:column;justify-content:space-evenly;margin-right:.5em;width:10em;z-index:1}.career-button{background-color:#fff;border-color:#0000;border-radius:20px;color:#0632af;cursor:pointer;font-size:1em;height:-webkit-fill-available;margin:0 0 .5em;outline:none;padding:1em}.career-button.selected{background-color:#fee2de}.career-button:hover{background-color:#dbc9d6}.career-info-card{background-color:#fff;border-radius:30px;box-shadow:3px 6px 18px 6px #fee2de;flex:1 1;padding:2.5em}.career-main{display:flex}.text-column{margin-left:5%;width:180%}.img-column img{width:100%}.career-details{display:flex;justify-content:space-between}.career-details div{flex-basis:0;flex-grow:1}.career-details ul{margin:0;padding:1em 1em 0;text-align:left}.career-details li{font-size:1em}.career-details h4{margin-bottom:0;margin-top:.5em}.career-rating{align-items:center;border:1px solid #0632af;border-radius:20px;margin-left:1em;padding:.5em}.career-rating p{margin:5px 0}.stars img{height:auto;margin-right:2px;width:20px}@media (max-width:1200px){.careers-section{height:50em}}@media (max-width:1100px){.careers-section{display:block;height:100%}.career-selector{width:100%}.career-main{flex-direction:column-reverse}.text-column{margin-left:0;width:100%}.career-details{display:block}.career-details div{margin-top:2em}.career-rating div{margin-top:0}}.hobby-container{margin:6em 2.5em 2.5em}.company-container{margin:6em 1.5em 1.5em}.hobby-cards-container{margin-top:3em;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory;width:100%}.hobby-cards-row{display:flex;flex-wrap:nowrap;margin:0 -15px;padding-bottom:20px}.company-cards-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:start}.hobby-card{background-color:#fff;border-radius:20px;box-shadow:3px 6px 18px 6px #fee2de;flex:0 0 250px;height:370px;justify-content:top;margin:0 15px}.company-card,.hobby-card{align-items:center;display:flex;flex-direction:column;scroll-snap-align:center;text-align:center}.company-card{flex-basis:25%;height:400px}.company-card-content{background-color:#fee2de;border-radius:20px;display:flex;flex-direction:column;height:100%;justify-content:space-between;margin:1em}.hobby-card img{border-radius:50%;height:100px;margin-bottom:6px;margin-top:30px;object-fit:cover;transform:scale(1.5);width:100px}.company-card img{height:100px;margin-top:2em;object-fit:contain;width:150px}.company-card h3,.hobby-card h3{font-size:20px;margin-bottom:0;margin-top:10px}.company-card p,.hobby-card p{font-size:16px;margin-top:5px;padding:0 10px}.company-cards-container::-webkit-scrollbar,.hobby-cards-container::-webkit-scrollbar{display:none}.tag-selector{display:flex;flex-wrap:wrap;gap:.5em;justify-content:center;margin-bottom:1.5em}.tag-button{background-color:#fff;border:none;border-radius:5px;color:#0632af;cursor:pointer;margin:0;padding:.5em 1em;transition:background-color .3s ease}.tag-button.selected{background-color:#dbc9d6}.tag-button.selected,.tag-button:hover{box-shadow:3px 6px 18px 6px #fee2de;color:#0632af}.company-tags{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-bottom:1em}.company-tag{background-color:#fff4f3;border-radius:5px;color:#0632af;font-size:.9em;padding:5px 10px;white-space:nowrap}.scroll-button{background-color:#0000;border:none;color:#0632af;cursor:pointer;font-size:24px;padding:10px;z-index:10}.scroll-button:hover{color:#dbc9d6}@media (max-width:768px){.company-cards-container{display:block}.hobby-container{margin:3%}.company-card-content,.company-container{margin:1.5%}}.modal{background-color:#00000080;display:flex;z-index:2}.modal,.modal-content{align-items:center;height:100%;justify-content:center;width:100%}.modal-content{background-color:initial;border-radius:0;padding:0;position:relative}.close-button{background:none;border:none;color:#fff;font-size:36px}.clickable-image,.clickable-image:hover{border-radius:30px;cursor:pointer}.clickable-image:hover{box-shadow:3px 6px 18px 6px #dbc9d6}.referents-page-container p{padding:0 var(--spacing-xl)}.referents-page-container h2{margin-bottom:var(--spacing-md);margin-top:var(--spacing-xl)}.referents-container{margin:1.5em}.referents-cards-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:start;margin-top:3em}.referents-card-wrapper{align-items:center;display:flex;flex-basis:25%;flex-direction:column;scroll-snap-align:center;text-align:center}@media (max-width:1200px){.referents-card-wrapper{flex-basis:50%}}.referents-card{background-color:var(--color-surface);border-radius:20px;box-shadow:3px 6px 18px 6px var(--color-primary);height:350px;margin:1em}.collaborator-card{cursor:pointer;height:450px;width:calc(100% - 2em)}.collaborator-card span{font-size:.9rem}.referents-card:hover{background-color:var(--color-primary);box-shadow:none}.referent-img{border-radius:50%;height:100px;margin-top:30px;object-fit:cover;width:100px}.referents-card h3{font-size:1.2rem;margin-bottom:0;margin-top:10px}.collaborator-card h3{margin-bottom:var(--spacing-sm)}.referents-card p{font-size:.9rem;padding:0 10px}.icon-text{align-items:flex-start;display:flex;gap:8px;padding:var(--spacing-xs) 1.5rem;text-align:left}.icon{flex-shrink:0;height:20px;vertical-align:middle;width:20px}a{color:inherit;text-decoration:none}.referents-cards-container::-webkit-scrollbar{display:none}@media (max-width:768px){.referents-cards-container{display:block}.referents-card-content,.referents-container{margin:1.5%}}.modal{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.modal-content{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#ffffffd9;border-radius:var(--border-radius);display:flex;flex-direction:column;justify-content:flex-start;max-height:90vh;overflow-y:clip;text-align:left;width:90%}.close-button{background-color:#ffffffd9;color:var(--color-hover);cursor:pointer;font-size:1.2rem;height:30px;padding:0;position:absolute;right:10px;top:10px;width:30px}.close-button:hover{background-color:var(--color-surface)}.close-button-background{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.modal-profile-img{display:none}.modal-collage{width:100%}.modal-collage img{border-radius:var(--border-radius) var(--border-radius) 0 0;height:auto;width:100%}.modal-info{display:flex}.modal-info div{flex:1 1}.modal-referent-name{margin-bottom:0;margin-left:8%;width:100%}.modal-info p,.modal-referent-name h3{margin-bottom:var(--spacing-sm)}.modal-info p{margin-top:0;padding-left:8%}.modal-links{margin-top:var(--spacing-md);padding:var(--spacing-xs) 1.5rem}.modal-links a{color:var(--color-text);font-size:1.3rem;padding-right:var(--spacing-md);text-decoration:none}.modal-content{overflow-y:auto}@media (max-width:768px){.modal-info{display:block}.modal-info p{padding-inline:8%}.modal-referent-name{margin-left:0;text-align:center}.modal-profile-img{display:none}}.quiz-page-container{background-image:url(/static/media/pattern.5ff822587599e53b65dc.png);background-size:cover;color:#0632af;height:100vh;overflow:hidden}.quiz-container{align-items:center;background:#fff4f3cc;border-radius:50px;display:flex;flex-direction:column;justify-content:center;margin:0 3%;min-height:62.5vh;padding:3%;text-align:center;width:calc(100vw - 12%)}.question-container{padding-bottom:5vh}.question-slide{display:flex;flex-direction:column;height:100%;justify-content:space-between}h2{margin:2em}.answers{display:flex;flex-direction:column;gap:10px;width:100%}.answer-btn{background-color:#dbc9d6;border:none;border-radius:50px;color:#0632af;cursor:pointer;font-size:16px;margin:0 20%;padding:12px}.answer-btn:hover{outline:2px solid #0632af;outline-offset:-2px}.answer-btn.disabled{display:none}.fact{font-size:1rem;margin-top:20px}.fact,.intro-slide{padding:0 10%}.fact button,.intro-slide button{background-color:#0632af;border:none;border-radius:50px;color:#fee2de;cursor:pointer;font-size:16px;margin-top:15px;padding:10px 20px;padding-inline:3em}.progress-bar{display:flex;gap:8px;justify-content:center;margin-top:20px}.dot{background-color:#d3d3d3;background-color:#dbc9d6;border-radius:50%;height:12px;transition:background-color .3s;width:12px}.dot.active{background-color:#0632af}@media (max-width:768px){.question-container h2{font-size:1.5em}}.custom-bullet-list{list-style:none;padding-left:20px}.custom-bullet-list li{padding:var(--spacing-sm);padding-left:25px;position:relative;text-align:left}.custom-bullet-list li:before{background-image:url(/static/media/bullet.3236f62ab7cdb8c4af37.png);background-repeat:no-repeat;background-size:contain;content:"";height:16px;left:0;line-height:1;position:absolute;top:0;transform:translateY(60%);width:16px}.header{align-items:center;background:#0000;display:flex;height:40px;justify-content:space-between;padding:20px}.header .logo img{height:25px}.menu-container{align-items:center;display:flex;justify-content:space-between;z-index:1}.menu-container a{color:var(--color-background);padding-inline:var(--spacing-md);text-decoration:none;transition:var(--transition-default)}.menu-container a:hover{transform:scale(1.05)}.dropdown{display:none;position:relative}.dropdown-toggle{background:none;border:none;color:var(--color-text);cursor:pointer;padding:0}.dropdown-toggle:hover{background-color:initial}.dropdown-menu{background:#fff4f3e6;border-radius:20px;display:flex;flex-direction:column;padding:20px;position:absolute;right:0;top:100%;z-index:2}.dropdown-menu a{color:var(--color-text);margin:5px 0;text-decoration:none}@media (max-width:768px){.dropdown{display:block}.menu-container{display:none}}.info-box{align-items:center;border-radius:50px;display:flex;flex-direction:row;justify-content:center;margin:var(--margin-section);padding:3%}.info-box div{padding:0 3%}.info-box-text{min-width:60%}.info-box-img{max-width:40%;min-width:30%}.info-box img{padding:2%;width:100%}@media (max-width:768px){.info-box{flex-direction:column!important}.info-box-img,.info-box-text{width:80%}}.info-box-extra{margin-bottom:var(--spacing-md);margin-top:var(--spacing-sm)}.contact-links{align-items:flex-start;display:flex;justify-content:space-around}.contact-link h3{font-size:var(--text-lg)}.contact-link p{padding-top:var(--spacing-sm)}@media (max-width:768px){.contact-links{align-items:center;flex-direction:column}}.pagination{display:flex;justify-content:space-between;padding:2em}.pagination-link{border:1px solid #0632af;border-radius:50px;color:#0632af;padding:10px 20px;text-decoration:none;transition:background-color .3s}.pagination-link:hover{background-color:#0632af;color:#fee2de}.transparent-button{background:#0000;border:1px solid var(--color-text);border-radius:var(--border-radius);color:var(--color-text)}.transparent-light-button{background:#0000;border:1px solid var(--color-background);border-radius:var(--border-radius);color:var(--color-background)}.transparent-light-button:hover{background:var(--color-background);border-color:#0000;color:var(--color-hover)}:root{--color-primary:#fee2de;--color-secondary:#eddfe5;--color-accent:#ee9487;--color-surface:#fff;--color-background:#fff4f3;--color-border:#0632af;--color-text:#0632af;--color-text-muted:#8b8fc1;--color-hover:#8b8fc1;--font-family-base:"Nunito";--font-family-title:"Darker Grotesque";--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--border-radius:30px;--transition-default:0.3s;--margin-section:8% 3%;--margin-subsection:0 6%}html{scroll-behavior:smooth}body{-moz-osx-font-smoothing:grayscale;background-color:#fff4f3;background-color:var(--color-background);font-family:Nunito;font-family:var(--font-family-base);margin:0;overscroll-behavior:none;text-align:center}body,h1,h3{color:#0632af;color:var(--color-text)}h1,h3{font-family:Darker Grotesque;font-family:var(--font-family-title);font-weight:800}h2{color:#0632af;color:var(--color-text);font-family:Nunito;font-family:var(--font-family-base);font-size:2rem;font-size:var(--text-2xl);font-weight:200}h3{font-size:1.5rem;font-size:var(--text-xl)}h4{font-size:1.5rem;font-size:var(--text-xl);font-weight:200}a,button,h4,li,p,span{color:#0632af;color:var(--color-text);font-family:Nunito;font-family:var(--font-family-base)}a,button,li,p,span{font-size:1rem;font-size:var(--text-base);font-weight:300}#root{display:flex;flex-direction:column;min-height:100vh}::-moz-selection,::selection{background:#8b8fc1;background:var(--color-hover);color:#fee2de;color:var(--color-primary)}button{background-color:#0632af;background-color:var(--color-text);border:none;border-radius:30px;border-radius:var(--border-radius);color:#fff4f3;color:var(--color-background);cursor:pointer;font-size:.9em;margin:20px;padding:10px 50px;transition-duration:.3s;transition-duration:var(--transition-default)}button:hover{background:#8b8fc1;background:var(--color-hover);border-color:#0632af;border-color:var(--color-text)}
/*# sourceMappingURL=main.33a81ce8.css.map*/