@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap);body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box}*{margin:0}html{height:100%}body{-webkit-font-smoothing:antialiased;line-height:1.5;min-height:100%}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}html{scroll-behavior:smooth;transition:.5s ease}body{font-family:Space Grotesk,sans-serif;margin:0}h1{font-size:3rem;line-height:1}nav{background-color:#7f36b9;color:#fff;padding:0 1rem}.nav-container{justify-content:space-between;margin:auto;width:80%}.nav-container,nav ul{align-items:center;display:flex}nav ul{justify-content:space-around}nav li{list-style-type:none;padding:1rem}nav li,nav li a{text-decoration:none}nav li a{color:#fff}nav li a:hover{text-decoration:underline;transition:.2s ease-in}.nav-title{color:#fff;text-decoration:none}.occupation-container{height:2rem;overflow:hidden}.occupation{animation:slide 9s infinite;list-style-type:none;margin:0;padding:0}@keyframes slide{0%{transform:translateY(0)}20%{transform:translateY(0)}30%{transform:translateY(-2rem)}50%{transform:translateY(-2rem)}60%{transform:translateY(-4rem)}80%{transform:translateY(-4rem)}to{transform:translateY(0)}}.occupation-item{font-size:1.25rem;height:2rem;line-height:2rem}.name{font-size:4rem}.home-header{background-image:url(/static/media/wave-haikei.3146bceddb869c6ac63d.svg);background-size:200%;color:#fff;height:100vh;margin:auto}.header-content{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:auto;padding-top:5rem;width:80%}.header-description{margin-top:3rem}.header-intro,.header-pics{width:50%}.header-pics img{border-radius:1rem;width:100%}.circle-button-container{margin-top:2rem}.circle-button{align-items:center;background-color:#f4f4f4;border:none;border-radius:50%;cursor:pointer;display:flex;height:5rem;justify-content:center;text-decoration:none;transition:.2s ease-in;width:5rem}.circle-button:hover{box-shadow:0 4px 5px 0 #00000026}.circle-button:visited{color:#000}.main-container{margin:auto;width:80%}.portfolio-home{align-items:center;display:flex;gap:3rem;justify-content:space-between;margin-top:2rem}.portfolio-container{width:50%}.portfolio-content h2{text-decoration:none}h2{color:#000}.port-content{width:50%}.seperate{margin-bottom:10rem}.more-button{background-color:#7f36b9;border-radius:5rem;color:#fff;margin-top:2rem;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:.2s ease-in;width:10rem}.more-button a{color:#fff}.more-button:hover{background-color:#6b2e9b;cursor:pointer}footer{background-color:hsla(0,0%,93%,.244);margin-top:5rem;padding:1rem;width:100%}.foot-item{color:#252525;list-style-type:none;margin-right:1rem;text-decoration:none}.portfolio-card{background-color:#fff;border-radius:1rem;filter:drop-shadow(0 5px 4px #00000050);transition:.2s ease-in;width:100%}.portfolio-content{padding:1rem}.portfolio-card img{border-radius:1rem 1rem 0 0}.portfolio-author{background-color:#7f36b9;border-radius:0 0 0 1rem;color:#fff;padding:1rem;position:absolute;right:0;top:0}.portfolio-card:hover{background-color:#7f36b9;color:#fff;cursor:pointer}.foot-item:visited{color:#252525}.foot-item:hover{color:#000}.footer-links{display:flex;margin:2rem 0}.footer-container{display:flex;justify-content:space-between;margin:auto;width:80%}.card-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-evenly}.card{background-color:#fff;border-radius:1rem 0 1rem 0;filter:drop-shadow(0 5px 4px #00000050);flex-grow:1;height:35rem;margin:10px 0;overflow:hidden;position:relative;text-decoration:none;text-overflow:clip;transition:.2s ease-in;width:20rem}.card:hover{cursor:pointer;transform:translateY(-.5rem)}.card-date{background-color:#7f36b9;border-radius:0 0 0 1rem;color:#fff;padding:.5rem 1rem;position:absolute;right:0;top:0}.card img{border-radius:1rem 0 0 0;filter:drop-shadow(0 5px 4px #00000050)}.card-image{align-items:center;display:flex;height:20rem;justify-content:center;overflow:hidden;padding:1rem;position:relative;width:100%}.card-content{background-color:#fff;padding:1rem}.service-item{border-bottom:1px solid #e6e6e6;padding:1rem}.service-list{margin-top:3rem}.proj-header img{height:20rem}.card-description{color:#686868;margin-top:1rem;overflow:hidden;text-overflow:ellipsis}.project-card:hover .card-description{color:#000}.detail-header{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:2rem 0}.detail-content{width:50%}.detail-header img{border-radius:1rem;width:30rem}.detail-date{color:#686868;margin-top:2rem}.post-container{color:#fff;display:flex;flex-wrap:wrap;gap:1rem}.post-container .card{border:1px solid #ccc;border-radius:1rem;height:30rem;margin:10px 0;transition:.2s ease-in-out}.posts-header{align-items:center;display:flex;justify-content:space-between;margin:3rem 0}.posts-header img{border-radius:1rem;width:35rem}.search-bar{border:1px solid #a3a3a3;border-radius:1rem;margin-top:2rem;padding:1rem}a{color:#000}a,nav a{text-decoration:none}nav a{color:#fff}.post-content{text-transform:uppercase}.post-content p{width:30rem}.purple-line{background-color:#7f36b9;height:.5rem;margin:1rem 0;width:5rem}.opleidingen{width:50%}.opleiding-item{border:1px solid #e6e6e6;border-radius:1.5rem;list-style-type:none;margin:1rem;padding:1rem;text-align:center;transition:.2s ease-in}.opleiding-item:hover{background-color:#000;cursor:pointer}.opleiding-item:hover a{color:#fff}.opleiding-card{border-radius:1rem;margin:5rem 0;padding:1rem;width:100%}.opleiding-card h2{color:#000}.top-line{background-color:#373737;height:.1rem;margin:1rem 0;width:50%}.course-carousel{display:flex;gap:1rem;overflow:auto;overflow-x:scroll;scroll-snap-type:x mandatory}.card-prog{aspect-ratio:1/1;background-color:#fff;border-radius:1rem;box-shadow:0 3px 5px 0 #00000040;color:#fff;min-width:15rem;padding:1rem;position:relative;scroll-snap-align:start}.sp{right:1rem}.hour,.sp{bottom:1rem;color:#686868;position:absolute}.hour{left:1rem}.semester-toggle button{background-color:#f5f5f5;border:1px solid #ccc;border-radius:3rem;cursor:pointer;margin:1rem 1rem 2rem 0;padding:10px 20px;transition:background-color .3s ease-in-out}.semester-toggle button.active,.semester-toggle button:hover{background-color:#000;color:#fff}.jaar{margin-bottom:5rem}.go-back{margin-top:2rem}.go-back a{color:#7b7b7b;text-decoration:underline}.team-member{background-position:50%;background-size:cover;border:1px solid #ccc;border-radius:1rem;flex-grow:1;height:30rem;margin:10px 0;padding:10px;position:relative;transition:.2s ease-in-out;width:30rem}.team-member:hover{background-position:50%;background-size:105%;cursor:pointer;filter:drop-shadow(0 5px 4px #00000050)}.team-member h3{margin:0 0 5px}.team-member img{border-radius:5px;width:100%}.team-members{color:#fff;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-evenly}.member-content{bottom:1rem;position:absolute;z-index:1}.gradient{background:linear-gradient(180deg,#0000,#7c10bb80);border-radius:1rem;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.search-nav{border:1px solid #a3a3a3;border-radius:1rem;margin:0;padding:.5rem}.theme{-webkit-tap-highlight-color:transparent;align-items:center;display:flex}.theme__fill,.theme__icon{transition:.3s}.theme__fill{background-color:var(--bg);display:block;height:100%;inset:0;mix-blend-mode:difference;pointer-events:none;position:fixed;transform:translateX(-100%)}.theme__icon,.theme__toggle{z-index:1}.theme__icon,.theme__icon-part{position:absolute}.theme__icon{display:block;height:.75em;left:.25em;top:.25em;width:.75em}.theme__icon-part{border-radius:50%;box-shadow:inset .2em -.2em 0 .25em #fff;height:.5em;left:calc(50% - .25em);top:calc(50% - .25em);transform:scale(.5);transition:box-shadow var(--transDur) ease-in-out,opacity var(--transDur) ease-in-out,transform var(--transDur) ease-in-out;width:.5em}.theme__icon-part~.theme__icon-part{background-color:#fff;border-radius:.025em;height:.1em;left:calc(50% - .025em);top:50%;transform:rotate(0deg) translateY(.25em);transform-origin:50% 0;width:.05em}.theme__icon-part:nth-child(3){transform:rotate(45deg) translateY(.225em)}.theme__icon-part:nth-child(4){transform:rotate(90deg) translateY(.225em)}.theme__icon-part:nth-child(5){transform:rotate(135deg) translateY(.225em)}.theme__icon-part:nth-child(6){transform:rotate(180deg) translateY(.225em)}.theme__icon-part:nth-child(7){transform:rotate(225deg) translateY(.225em)}.theme__icon-part:nth-child(8){transform:rotate(270deg) translateY(.25em)}.theme__icon-part:nth-child(9){transform:rotate(315deg) translateY(.25em)}.theme__label,.theme__toggle,.theme__toggle-wrap{position:relative}.theme__toggle,.theme__toggle:before{display:block}.theme__toggle{-webkit-appearance:none;appearance:none;background-color:#fbedb6;border-radius:25%/50%;box-shadow:0 0 0 .0625em var(--primaryT);height:1.5em;padding:.125em;transition:background-color var(--transDur) ease-in-out,box-shadow .15s ease-in-out,transform var(--transDur) ease-in-out;width:3em}.theme__toggle:before{background-color:#f4ca25;border-radius:50%;content:"";height:1.25em;transition:.3s;width:1.25em}.theme__toggle:focus{box-shadow:0 0 0 .0625em var(--primary);outline:#0000}.theme__toggle:checked{background-color:#043449}.theme__toggle:checked:before,.theme__toggle:checked~.theme__icon{transform:translateX(1.5em)}.theme__toggle:checked:before{background-color:#25b6f4}.theme__toggle:checked~.theme__fill{transform:translateX(0)}.theme__toggle:checked~.theme__icon .theme__icon-part:first-child{box-shadow:inset .1em -.1em 0 .1em #fff;left:-.1em;top:.1em;transform:scale(1)}.theme__toggle:checked~.theme__icon .theme__icon-part~.theme__icon-part{opacity:0}.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(2){transform:rotate(45deg) translateY(.4em)}.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(3){transform:rotate(90deg) translateY(.4em)}.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(4){transform:rotate(135deg) translateY(.4em)}.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(5){transform:rotate(180deg) translateY(.4em)}.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(6){transform:rotate(225deg) translateY(.4em)}.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(7){transform:rotate(270deg) translateY(.4em)}.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(8){transform:rotate(315deg) translateY(.4em)}.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(9){transform:rotate(1turn) translateY(.4em)}.theme__toggle-wrap{margin:0 .375em}@supports selector(:focus-visible){.theme__toggle:focus{box-shadow:0 0 0 .0625em var(--primaryT)}.theme__toggle:focus-visible{box-shadow:0 0 0 .0625em var(--primary)}}.search-header{margin-top:2rem}.search{margin-top:3rem}.search-item{background-color:#fff;border-bottom:1px solid #e6e6e6;margin-top:2rem;padding:1rem;transition:.2s ease-in}.search-item:hover{border-bottom:none;filter:drop-shadow(0 5px 4px #00000050)}.search-content{align-items:center;display:flex;gap:2rem;justify-content:space-between}.search-text p{color:#686868}.burger{display:none}@media (max-width:1280px){.burger{display:block;padding:2rem}.nav-links{display:none}.burger-button{background:none;border:none;cursor:pointer;font-size:24px;position:fixed;right:20px;top:20px;z-index:1001}.burger-menu{background:#280442;color:#fff;height:100%;overflow-y:auto;padding:20px;position:fixed;right:-100%;top:0;transition:right .3s ease;width:80%;z-index:1000}.burger-menu.open{right:0}.burger-menu ul{display:block;list-style-type:none;padding:0}.burger svg{fill:#fff}.burger-menu .nav-item{margin:20px 0}.burger-menu .nav-item a{color:#fff;font-size:18px;text-decoration:none}.burger-menu .nav-item a:hover{text-decoration:underline}.header-content{background-color:#6b2e9b;display:block}.circle-button-container,.header-pics{display:none}.home-header{height:auto;width:100%}.header-content{width:100%}.header-intro{margin:auto;padding-bottom:3rem;width:90%}.portfolio-home{display:block;margin:5rem 0}.portfolio-container{display:none}.posts-header{display:block}.posts-header img,.posts-header ul{display:none}.opleiding-card p,.opleidingen{width:100%}.nav-container{display:none}.port-content{width:100%}}body.dark{background-color:#171837;color:#fff}.dark footer,.dark nav{background-color:#0d0623;color:#fff}.dark footer a{color:#616493}.dark .card,.dark .portfolio-card{background-color:#1e1e41;color:#fff}.dark .card h2,.dark .portfolio-card h2{color:#fff}.dark .card-description{color:#616493}.dark .home-header{background-image:url(/static/media/wave-haikei-dark.0a16408ab33d4b7c433f.svg)}.dark .opleiding-item a{color:#616493}.dark .opleiding-item{border-color:#0d0623}.dark p{color:#616493}.dark .opleiding-card h2{color:#fff}.dark .semester-toggle button{background-color:#0b1949;color:#fff}.dark .semester-toggle button.active{background-color:#091232}.dark .go-back a{color:#616493}.dark .search-item{background-color:#1e1e41;border-bottom:1px solid #000;color:#616493}.dark .search h3{color:#fff}.dark .search-header h2{color:#616493}
/*# sourceMappingURL=main.b8ec397c.css.map*/