*{box-sizing:border-box}body{background-color:#191627;font-family:sans-serif;line-height:1.6;color:#fff}.layout-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"header header" "main main" "footer footer";min-height:100vh}header{grid-area:header}main{grid-area:main}footer{grid-area:footer;background-color:#191627;margin-top:10px}h2{margin-top:0}a{text-decoration:none;color:#fff}.copyright{color:#fff;font-size:xx-small}.nav-icon{cursor:pointer;font-size:50px;display:none}.nav-bar-flex{display:flex;flex-direction:row-reverse;justify-content:space-around}.nav-bar{display:flex;flex-direction:row;overflow:hidden}li{padding:10px}li a{font-size:x-large;display:block;padding:10px}li a:hover{text-decoration:underline}.nav-items{display:flex;flex-direction:row;list-style:none}.nav-text-flex{display:flex;flex-direction:row}.nav-name{font-size:x-large}.flag{width:45px;height:20px;padding-left:10px;margin-top:35px}.home-flex{display:flex;justify-content:space-evenly;padding:80px;flex-direction:row-reverse}.home-content{display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}.foto-home{width:300px;height:350px;border-radius:10px}.home-title{margin-bottom:0;margin-top:0}.home-text{margin:0}.home-text-bottom{margin-top:0}.icons-home{display:flex;flex-direction:column;margin-right:20px}.icon-cv{width:40px;height:40px}.button-contact-me{display:flex;padding:5px;background:#1F1B3D;width:150px;align-items:center;justify-content:center;color:#fff;border-radius:5px}.arrow{width:15px;height:15px;fill:#fff}#mail{width:45px;color:#f8f8ff}#Linkedin{width:40px;fill:#fff}.button-flex{display:flex;flex-direction:row}.button-projects{display:flex;padding:5px;background:#1F1B3D;width:143px;align-items:center;justify-content:center;color:#fff;border-radius:5px;margin-left:10px}.button-contact-me:hover,.button-projects:hover{box-shadow:5px 5px 5px 5px #353150}main{padding:15px}.imageabout-me{width:auto;height:350px;border-radius:10px}.textaboutme{padding-right:30px;color:#fff}.contact-text{margin-top:15px}.button{display:flex;padding:5px;background:#1F1B3D;width:143px;align-items:center;justify-content:center;color:#fff;border-radius:5px}.skills-title{padding-top:20px;margin-top:0}.topcontent{display:flex;flex-direction:row}.bottomcontent{padding-top:70px}.skills{display:flex;flex-wrap:wrap}.skill{background-color:#1f1b3d;color:#fff;padding:1rem 2rem;margin-bottom:15px;margin-right:15px;border-radius:5px;font-weight:600}.button:hover,.project:hover{box-shadow:5px 5px 5px 5px #353150}.projects{display:flex;flex-direction:row;gap:15px}.project{background-color:#1f1b3d;border-radius:10px;width:370px;height:370px}.projectpicturekunst{width:250px;height:150px;margin-left:45px;margin-top:10px}.projecttext{margin-left:10px;margin-right:5px;margin-bottom:5px}.projecttitle{margin-left:10px}.projectpicturefinancebud,.projectpicturefunnybunny{width:250px;height:150px;margin-left:45px;margin-top:10px}.projectreturn{font-size:larger;padding-top:5px}.projectreturn:hover{font-weight:bolder}.flexboxsectiontop{display:flex;flex-direction:row}.mainpicturefinancebud{width:400px;height:250px}.toptext{padding-right:20px}.financebudlogo{width:150px;height:150px}.schets{width:380px;height:300px}.financebud{height:250px;width:350px}.mainpicturefunnybunny{width:550px;height:300px;margin-left:20px}.linkfunnybunny{font-size:x-large}.linkfunnybunny:hover{font-weight:bolder}.contacticons{display:flex;flex-direction:row}.contactmail{background-color:#1f1b3d;width:100px;border-radius:10px}.contactmailtext{padding-left:17px;padding-top:5px}.contactmailicon{padding-left:10px;width:80px;height:70px}.contactlinkedin{background-color:#1f1b3d;width:100px;border-radius:10px;margin-left:20px}.contaclinkedintext{padding-left:17px;padding-top:5px}.contactlinkedinicon{padding-left:10px;width:80px;height:70px}.contactgit{background-color:#1f1b3d;width:100px;border-radius:10px;margin-left:20px}.contactgittext{padding-left:20px}.contactgiticon{padding-bottom:10px;margin-left:5px;width:80px;height:80px}.contactcv{background-color:#1f1b3d;width:100px;border-radius:10px;margin-left:20px}.contactcvicon{width:80px;height:80px;padding-top:10px;padding-left:10px;padding-bottom:10px}.contactcvtext{padding-left:35px}.contactlinkedin:hover,.contactmail:hover,.contactgit:hover,.contactcv:hover{box-shadow:5px 5px 5px 5px #353150}@media screen and (max-width: 920px){#textabout-me{padding-right:5px;display:flex;flex-direction:column}}@media screen and (max-width: 767px){.layout-grid{grid-template-columns:1fr}.midden{margin-left:-70px}li a:hover{font-weight:400;text-decoration:none}.nav-icon{display:block}.nav-items{display:none;flex-direction:column;position:absolute;top:50px;left:0;width:100%;text-align:center;height:100%;background-color:#000000e6;overflow-x:hidden;padding-top:100px;transition:.5s;z-index:4}li{padding:0}li a{font-size:xx-large;font-weight:bolder;padding-top:10px;transition:.3s}.nav-items.show{display:flex;width:100%;height:100%;margin-top:45px}.navflex{display:flex;flex-direction:row-reverse;justify-content:space-between}.navtext{font-size:medium}.burgermenu{height:60px;width:70px}.dropdown-content a{font-size:medium;padding:7px}.phone-icon-cv{margin-top:2px}.topcontent,.home-content{display:flex;flex-direction:column}.home-flex{display:flex;flex-direction:column;padding:5px;justify-content:center;align-items:center}.phone-icons-home{padding-top:10px;flex-direction:row}.button-contact-me:hover,.button-projects:hover{box-shadow:none}.plaatjeHome{padding-bottom:10px}.plaatjeHome-engels{margin-left:100px}.textaboutme{padding-top:25px;width:auto}.imageabout-me{width:auto;height:100%}main{padding:0 0 0 5px}.projecttext{width:250px}.projectreturn:hover{font-weight:400}.mainpicture,.financebud{width:100%}.flexboxsectiontop{flex-direction:column}.contacticons{flex-wrap:wrap;padding-top:10px;gap:7px}.contactgiticon{width:80px}.contactlinkedin,.contactgit{margin-left:0}.contactcv{margin-top:10px;margin-left:0}.contactcvtext,.contactcvicon{margin-bottom:10px}.contactlinkedin:hover,.contactmail:hover,.contactgit:hover,.button:hover,.project:hover,.contactcv:hover{box-shadow:none}.projects{flex-direction:column;align-items:center;gap:5px}.project{height:420px;margin-bottom:10px;gap:5px}.mainpicturefinancebud{width:90%;height:auto}.schets,.financebud{width:100%;height:auto}.mainpicturefunnybunny{width:100%;height:auto;margin-left:0}.linkfunnybunny:hover{color:#fff}.pictureingrid,.schets{max-width:100%;height:auto}}.color-flex{display:flex;flex-direction:row}.black{background-color:#000;color:#000;width:100px;height:100px;margin:10px}.white{background-color:#fff;width:100px;height:100px;margin:10px}.pictureingrid{width:500px;height:300px}.link-ingrid{font-size:x-large}.link-ingrid:hover{font-weight:bolder}