html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}#Joeyqiu{font-size:2rem;padding-bottom:1rem}a{cursor:pointer;font-size:1.5rem}html,body{margin:0;height:100%}.top-nav{display:flex;justify-content:space-between;flex-direction:row;align-items:center;padding:1rem 1rem .5rem 2.5rem;font-size:1.5rem;background-color:#000;position:sticky;left:0;top:0;border-radius:1rem;z-index:4}.menu{display:flex;flex-direction:row;list-style-type:none;margin:0;padding-bottom:1rem;line-height:2}.menu>li{margin:0 2rem;overflow:hidden}.menu-button-container{display:none;height:100%;width:30px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding-right:2rem;padding-top:10px}#menu-toggle{display:none}.menu-button,.menu-button:before,.menu-button:after{display:block;background-color:#fff;position:absolute;height:4px;width:30px;transition:transform .4s cubic-bezier(.23,1,.32,1);border-radius:2px}.menu-button:before{content:"";margin-top:-8px}.menu-button:after{content:"";margin-top:8px}#menu-toggle:checked+.menu-button-container .menu-button:before{margin-top:0;transform:rotate(405deg)}#menu-toggle:checked+.menu-button-container .menu-button{background:rgba(255,255,255,0)}#menu-toggle:checked+.menu-button-container .menu-button:after{margin-top:0;transform:rotate(-405deg)}@media (max-width:1544px){.navlinks{max-width:30%}}@media (max-width:1100px){.navlinks{max-width:50%}}@media (max-width: 705px){.menu-button-container{display:flex}.menu{position:absolute;top:0;margin-top:60px;left:0;flex-direction:column;width:100%;justify-content:center;align-items:center}#menu-toggle~.menu li{height:0;margin:0;padding:0;border:0;transition:height .4s cubic-bezier(.23,1,.32,1)}#menu-toggle:checked~.menu li{border:1px solid #333;height:2.5em;padding:.5em;transition:height .4s cubic-bezier(.23,1,.32,1)}.menu>li{display:flex;justify-content:center;margin:0;padding:.5em 0;width:100%;color:#fff;background-color:#222}.menu>li:not(:last-child){border-bottom:1px solid #444}}.Formulier,.overmezelf,.informatie{width:100%}form{display:flex;flex-direction:column;padding-top:0rem;padding-left:15rem;height:50rem;justify-content:space-between;width:50rem}.bold{font-weight:600;font-size:1.5rem}.fieldtitle{font-size:1.5rem;color:#606060}button{background:none;color:#000;border:2px solid;margin:1em 0;padding:1em 2em;font-size:1em;transition:color .25s,border-color .25s,box-shadow .25s,transform .25s;max-width:10rem}button:hover{border-color:#3232c8;color:#000;box-shadow:0 .5em .5em -.4em #3232c8;transform:translateY(-.25em);cursor:pointer}#Naam,#email{height:2rem;font-size:20px}#bericht{height:15rem;font-size:15px}.errors{color:red}p{padding-bottom:1rem;padding-top:1rem}.verzonden{color:green}label{padding-bottom:1rem}@media (max-width:1470px){form{padding-left:2.5rem}}@media (max-width:1100px){form{width:40rem}}@media (max-width:705px){form{width:30rem}}@media (max-width:540px){form{width:22rem}}@media (max-width:450px){form{width:17rem;padding-left:1.5rem}.bold{font-size:1.2rem}label{padding-bottom:1.3rem}.fieldtitle{font-size:1.3rem}}.informatie{display:flex;flex-direction:row;justify-content:space-between;width:100rem;padding-top:10rem;padding-bottom:20rem;padding-left:15rem}.overmij{width:25rem}.aboutme{font-size:1.5rem;line-height:2rem;color:#606060}.laptop{width:27rem}.laptopimage{border-radius:1rem}.gegevens{width:40rem}h2{font-size:2rem;font-weight:500;color:#3232c8}@media (max-width:1470px){.informatie{display:flex;flex-direction:row;flex-wrap:wrap;max-width:60rem;padding-left:2.5rem}.overmij,.laptop{padding-bottom:5rem}}@media (max-width:1100px){.informatie{display:flex;max-width:20rem;padding-bottom:10rem}.overmij{padding-bottom:5rem}}@media (max-width:450px){.informatie{font-size:.8rem;padding-bottom:5rem;padding-top:0rem;padding-left:1.5rem}.aboutme{width:22rem;font-size:1.3rem}.laptopimage{max-width:15rem}}main{width:fit-content;display:flex;flex-wrap:wrap;padding-left:15rem}.linkertext{margin-top:10rem;width:25rem;font-size:4rem;font-weight:600}.tekst{font-size:2rem;color:#606060}p.symbool{font-size:2rem;padding:1rem;background-color:#3232c8;border-radius:1rem;color:#fff;max-height:4rem;max-width:11rem;margin-top:5rem}.intro{display:flex;flex-direction:column;align-items:flex-start;width:50%;height:45rem;padding-top:10rem}.introtext{display:flex;padding-bottom:3rem}.icons{padding-bottom:6rem;padding-top:2rem}li{margin-bottom:3px}.techstacks{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-weight:700;width:70rem}.achtergrond{width:25rem;background:black;animation:border 8s ease-in-out infinite;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transition:all 1s ease-in-out;border:2px solid black;height:30rem;position:absolute;margin-left:55rem;margin-top:10rem;z-index:3}@keyframes border{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;background:url(/assets/Paspoort-23cd850d.jpg)}50%{border-radius:30% 60% 70% 40%/50% 60% 30%;background:url(/assets/Paspoort-23cd850d.jpg)}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;background:url(/assets/Paspoort-23cd850d.jpg)}}@media (max-width:1544px){.achtergrond{margin-left:40rem}.techstacks{width:65rem}}@media (max-width:1470px){main{padding-left:2.5rem}}@media (max-width:1100px){.intro{padding-top:0rem}.icons{padding-bottom:40rem}.achtergrond{margin-left:0rem;margin-top:35rem}.techstacks{width:40rem}main{margin-bottom:27rem}p.symbool{margin-top:12rem;margin-left:3rem}}@media (max-width:705px){p.symbool{display:none}.techstacks{width:30rem}.tekst{width:20rem}}@media (max-width:540px){.techstacks{width:20rem}}@media (max-width:450px){.linkertext{width:20rem;font-size:2rem;font-weight:300;margin-top:5rem}.tekst{width:20rem;font-size:1.3rem}.achtergrond{width:12rem;height:15rem;margin-top:22rem}@keyframes border{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;background:url(/assets/Paspoortklein-28630e30.jpg)}50%{border-radius:30% 60% 70% 40%/50% 60% 30%;background:url(/assets/Paspoortklein-28630e30.jpg)}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;background:url(/assets/Paspoortklein-28630e30.jpg)}}main{padding-left:1.5rem}.techstacks{width:17rem}.techstacks>p{display:none}.icons{padding-bottom:22rem}main{margin-bottom:5rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#fff;text-decoration:inherit}a:hover{color:#535bf2}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@tailwind base;@tailwind components;@tailwind utilities;