*{box-sizing:border-box;list-style-type:none;text-decoration:none}body{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"header header" "content content" "footer footer";min-height:100vh;background-color:#f5f5f5;font-family:Open Sans,sans-serif;margin:0}header{grid-area:header;padding:30px}.nav-icon{display:none}main{grid-area:content}footer{grid-area:footer;padding:10px;background-color:#000;color:#fff;font-size:smaller;margin-top:30px}.portfolio-link{text-decoration:underline;color:#fff}.portfolio-link:hover{color:#fff}h1{padding-left:10px;margin-bottom:0}h2,p{padding-left:10px}.nav{color:#000;font-family:sans-serif;padding:10px}.navbar{display:flex;flex-direction:row;justify-content:center;letter-spacing:5px;overflow:hidden;color:#000}.nav:hover{text-decoration:underline}.home-flex{display:flex;flex-direction:row}.context{display:flex;flex-direction:column;margin-left:50px;margin-right:100px;z-index:5}.name{font-size:60px;font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-weight:initial;font-style:normal;font-variation-settings:"wdth" 20}.image-container{position:relative;display:inline-block;max-width:100%}.picture-ingrid{width:500px;height:700px;margin-right:25px}.paintings-button{margin-top:30px;margin-left:10px;background-color:#032d1e;padding:20px;text-decoration:none;text-decoration-color:#fff;color:#fff;height:60px;width:200px}.paintings-button-icon{width:12px;margin-left:5px;display:flex;justify-content:center;align-items:center}.paintings-button-text{color:#fff;display:flex;flex-direction:row}.paintings-button:hover,.contact-button:hover{background-color:#053c28}.contact-context{margin-top:30px}.contact-button{margin-top:30px;margin-left:10px;background-color:#032d1e;padding:20px;text-decoration:none;color:#fff;width:270px}.contact-button-text{color:#fff;display:flex;flex-direction:row}.pageI{display:flex;flex-direction:row}.picture{height:700px;width:500px;margin-right:50px;margin-top:150px;margin-left:50px}.about-ingrid-mobile-text{margin:10px}.atext{margin-top:0;margin-bottom:0;font-size:larger}.toptext,.alinea{margin-bottom:0;line-height:1.6}.paintings-button-about-ingrid{margin-top:40px;background-color:#032d1e;padding:20px;text-decoration:none;text-decoration-color:#fff;color:#fff;width:200px;margin-left:150px}.paintings-button-about-ingrid:hover{background-color:#053c28}.gallery{column-count:5;column-gap:25px;margin:20px}.gallery img{width:100%;border-radius:5px;transition:transform .3s ease;height:100%;margin:10px}.gallery img:hover{transform:scale(1.05)}.painting-channel{width:188px;height:264px}.painting-nathalie{width:188px;height:188px}.painting-erena,.painting-valerie{width:188px;height:264px}.painting-malu{width:188px;height:188px}.painting-victor{width:188px;height:264px}.gallery a:hover img{transform:scale(1.05)}.paintingF{display:flex;justify-content:space-around}.painting-red-hair{width:188px;height:188px}.painting-laila{width:226px;height:302px}.painting-malu,.painting-yasmine{width:188px;height:188px}.painting-channel,.painting-erena,.painting-valerie,.painting-sadé{width:188px;height:264px}.painting-hélène{width:264px;height:302px}.painting-tom{width:378px;height:453px}.painting-lois{width:188px;height:264px}.painting-zara{width:378px;height:453px}.painting-kane{width:188px;height:264px}.painting-lanah{width:491px;height:491px}.painting-suzan{width:226px;height:302px}.painting-naomi{width:283px;height:378px}.painting-merel{width:266px;height:302px}.painting-lena,.painting-jannes{width:188px;height:264px}.painting-esila,.painting-asha{width:132px;height:189px}.painting-abby{width:188px;height:264px}.paintingM{display:flex;justify-content:space-around;padding-top:15px}.textp{margin-top:0;margin-bottom:25px}.mailen:hover{color:red}.back{padding:0}.back:hover{font-weight:bolder}.expositie-giethoorn-picture{height:500px;width:auto}.expositie{margin-left:20px}.contacticons{display:flex;flex-direction:row;margin-left:10px}.contacttext{margin-left:10px}.contactmailicon{padding-left:10px;height:80px}@media screen and (max-width: 979px){body{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"header" "content" "footer"}.gallery{column-count:2;margin:0}.gallery img{margin:0;width:95%}.nav:hover{text-decoration:none}.picture{width:auto;height:400px}.picture-ingrid{padding:40px;height:400px;width:auto}.paintings-button-about-ingrid{margin-left:100px}}@media screen and (max-width: 767px){body{grid-template-columns:100fr;grid-template-areas:"header" "content" "footer"}body img{width:auto;height:auto}.home-flex{display:flex;flex-direction:column-reverse}.context{margin-left:0;margin-right:0}.paintings-button,.mobile-content-home{display:flex;justify-content:center;align-items:center}.picture-ingrid{margin-top:15px;margin-right:0;width:100%;height:auto}.mobile-picture-ingrid{display:flex;justify-content:center;align-items:center}.pageI{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center}.picture{display:flex;justify-content:center;align-items:center;margin-top:20px;margin-right:0;margin-left:0;width:100%;height:auto}.about-ingrid-mobile{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center}.about-ingrid-mobile-text{display:flex;justify-content:center;align-items:center;flex-direction:column}.paintings-button-about-ingrid{margin-left:70px}.name{display:flex;justify-content:center;align-items:center}.expositie{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-left:5px;margin-right:5px}main{padding:0}.hamburger{width:35px}.nav-icon{display:block;width:fit-content}.navbar{display:none;flex-direction:column;position:absolute;left:0;transition:.5s;background-color:#000;color:#fff;z-index:4;font-size:x-large;margin-top:0}.navbar.show{display:flex;color:#fff;gap:15px;margin-left:0;padding:5px}header{padding:10px}.nav{color:#fff}.gallery{column-count:1}.gallery a{width:auto}.gallery img{width:93%;margin:0;padding-left:15px}.gallery a:hover img{transform:none}.nav:hover{text-decoration:none}.contact-context{display:flex;justify-content:center;align-items:center;flex-direction:column}}@media screen and (max-width: 375px){.gallery{column-count:1}}