body{-webkit-font-smoothing:antialiased;-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}html{scroll-behavior:smooth}body{margin:0;padding:0}.aboutMe,.contact,.experience,.internships,.myWork{padding:90px 0}.nav{margin:0;position:-webkit-sticky;position:sticky;top:0;z-index:2}.nav__list{display:grid;grid-template-columns:repeat(6,1fr);list-style-type:none;margin:0;padding:0}.nav__list--item{background-color:#404040;color:#fff;cursor:pointer;display:block;padding:1em;text-align:center;text-decoration:none;transition:background-color .5s,border .5s}.nav__list--item:hover{background-color:#333}@media screen and (max-width:600px){.nav__list--item{font-size:80%}}.home{background-size:cover;height:100vh;opacity:.9}.home__titles{padding-top:35vh}.home__titles *{color:#fff;text-align:center;text-shadow:2px 2px 10px grey}.home__title--1{font-size:7em;margin-bottom:20px;margin-top:0}.home__title--2{font-size:3.5em;margin:0}@media screen and (max-width:600px){.home__title--1{font-size:6em}.home__title--2{font-size:3em}}.aboutMe__title{font-size:3em;text-align:center}.aboutMe__texts{margin:0 auto;width:50%}.aboutMe__text{font-size:1.5em}.aboutMe__text:first-of-type{font-size:1.6em;font-weight:700}.aboutMe__download{text-align:center}.aboutMe__download--link{background-color:#004d99;border:3px solid #00134d;border-radius:20px;color:#fff;cursor:pointer;font-size:1.2em;margin:0 5px;padding:15px 30px;text-decoration:none;transition:background-color .5s,border .5s}.aboutMe__download--link:hover{background-color:#0080ff;border:3px solid #004d99}@media screen and (max-width:600px){.aboutMe__texts{width:95%}}:root{--experience-html-skillbarlength:90%;--experience-css-skillbarlength:80%;--experience-js-skillbarlength:70%;--experience-php-skillbarlength:70%;--experience-sql-skillbarlength:60%;--experience-wp-skillbarlength:40%;--experience-react-skillbarlength:50%}.experience{background-color:#404040;color:#fff;padding-bottom:90px}.experience__title{font-size:3em;margin:0;padding-bottom:40px;text-align:center}.experience__skillbars{margin:auto;width:750px}.experience__section--title{font-size:16px}.experience__skillbar{display:grid;grid-template-columns:repeat(10,75px)}.experience__skillbar *{border-color:#000;border-style:solid;border-width:2.5px 1.5px;height:10px;width:75px;z-index:1}.experience__skillbar div:first-child{border-left-width:2px;border-radius:20px 0 0 20px}.experience__skillbar div:nth-child(10){border-radius:0 20px 20px 0;border-right-width:2px}.experience__skillbar--bar{height:10px;margin-top:2px;position:absolute;width:750px}.experience__skillbar--bar .experience__skillbar--bar-score{animation:skillBar 1s linear;background-color:green;border-radius:20px;height:10px;width:100%}.experience__skillbar--bar .experience__skillbar--bar-score.experience__skillbar--bar-inexperienced{background-color:orange}.experience__skillbar--bar .experience__skillbar--bar-hidden-score{background-color:#404040;border-radius:0 20px 20px 0;height:10px;position:absolute;right:-2px;top:0}@media screen and (max-width:600px){.experience__skillbars{width:95%}.experience__skillbar{display:grid;grid-template-columns:repeat(10,35px)}.experience__skillbar *{width:35px}.experience__skillbar--bar{width:350px}}@media screen and (max-width:750px){.experience__skillbars{width:95%}.experience__skillbar{display:grid;grid-template-columns:repeat(10,50px)}.experience__skillbar *{width:50px}.experience__skillbar--bar{width:500px}}@keyframes skillBar{0%{border-radius:20px 0 0 20px;width:0}to{width:100%}}.modalWindow__background{align-items:center;background-color:#00000080;display:grid;height:100vh;justify-items:center;left:0;position:fixed;top:0;width:100vw}.modalWindow__create{grid-row-gap:1em;animation:create .3s;background-color:#fff;border-radius:1em;max-height:80vh;max-width:80%;overflow-y:auto;padding:0 2em 2em}.modalWindow{display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto}.modalWindow div:first-child{grid-column:1/1;grid-row:1/1}.modalWindow div:nth-child(2){grid-column:1/3;grid-row:2/2}.modalWindow div:nth-child(3){grid-column:2/2;grid-row:1/1}@keyframes create{0%{margin-top:100px;opacity:0}10%{margin-top:90px;opacity:.05}20%{margin-top:80px;opacity:.1}30%{margin-top:70px;opacity:.15}40%{margin-top:60px;opacity:.2}50%{margin-top:50px;opacity:.25}60%{margin-top:40px;opacity:.3}70%{margin-top:30px;opacity:.4}80%{margin-top:20px;opacity:.5}90%{margin-top:10px;opacity:.6}to{margin-top:0;opacity:1}}.modalWindow__cross{border:0;font-size:2em;font-weight:900;justify-self:end;position:relative;transform:translateX(1em);width:2em}.modalWindow__cross:hover{color:red}.myWork{margin-bottom:70px}.myWork__title{font-size:3em;margin:0 0 100px;text-align:center}.myWork--grid{grid-gap:10px;display:grid;grid-template-columns:repeat(3,1fr)}.myWork__project{background-color:#fff;border:3px solid #000;border-radius:20px;color:#000;margin:10px;padding:20px}.myWork__project--inside{margin:20px 40px}.myWork__project--inside_title{font-size:2em;text-align:center}.myWork__project--inside_img{width:100%}.myWork__project--inside_text{font-size:1.2em}.myWork__project--inside_button_margin{margin:0 auto;width:120px}.myWork__project--inside_button{background-color:#000;border:3px solid #404040;border-radius:20px;color:#fff;cursor:pointer;padding:5px 10px;transition:background-color .5s,border .5s}.myWork__project--inside_button:hover{background-color:#262626;border:3px solid #404040}.myWork__project--modal-grid{display:grid;grid-template-columns:auto auto}.myWork__project--image{max-width:100%}.myWork__project--text{margin:0 auto;max-width:80%}.myWork__project--icons{display:grid;grid-column:1/3;grid-template-columns:1fr 1fr 1fr}.myWork__project--icons a{margin:auto}.myWork__project--icons img{height:50px}.myWork__project--icons .website{grid-column:3/3}@media screen and (max-width:992px){.myWork--grid{grid-template:1fr 1fr/1fr 1fr}}@media screen and (max-width:600px){.myWork__project--modal-grid{grid-template-columns:auto}.myWork__project--icons{grid-column:1/1}.myWork--grid{grid-template:1fr 1fr 1fr/1fr}}.contact{background-color:#404040;color:#fff}.contact__title{font-size:3em;margin:0;text-align:center}.contact__text{margin:20px auto;width:350px}.contact__buttons{padding-bottom:40px;text-align:center}.experience__download--link{background-color:#000;border:3px solid #404040;border-radius:20px;cursor:pointer;font-size:1.2em;margin:0 5px;padding:15px 30px;transition:background-color .5s,border .5s}.experience__download--link:hover{background-color:#262626;border:3px solid #404040}.contact__informatie--spans{grid-gap:10px;display:grid;grid-template-rows:repeat(4,1fr)}.contact__informatie--icon{height:1em;margin:0 5px 0 0}.contact__informatie--link{color:#000;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.contact__formulier--input{padding:10px}.contact__formulier--textarea{margin:3px 0;padding:10px}.contact__formulier--submit{background-color:#9cf;border:2px solid #1a8cff;border-radius:20px;cursor:pointer;padding:5px 10px;transition:background-color .5s,border .5s}.contact__formulier--submit:hover{background-color:#1a8cff;border:2px solid #06c}.internships{margin:0 auto;width:95%}.internships__title{font-size:3em;text-align:center}.internships__list{grid-gap:10px;display:grid;grid-template-columns:1fr 1fr 1fr}.internships__intership{border:1px solid #000;border-radius:12px;padding:10px}.internships__intership--name{margin-top:0}.internships__intership--tasks{margin:0}@media screen and (max-width:992px){.internships__list{grid-template:1fr 1fr/1fr 1fr}}@media screen and (max-width:600px){.internships__list{grid-template:1fr 1fr 1fr/1fr}}
/*# sourceMappingURL=main.4f456eb4.css.map*/