:root{color-scheme:light dark;--l-dark: 0%;--l-dark-8: 8%;--l-dark-13: 13%;--l-dark-18: 18%;--l-dark-23: 23%;--l-light-73: 73%;--l-light-78: 78%;--l-light-83: 83%;--l-light-88: 88%;--l-light-93: 93%;--l-light: 100%;--saturation-none: 0%;--saturation-general: 78%;--primary-color-darker: hsl(233,var(--saturation-general), var(--l-dark-8));--primary-color-dark: hsl(233,var(--saturation-general), var(--l-dark-13));--primary-color: light-dark(hsl(233,var(--saturation-general), var(--l-dark-18)), hsl(233,var(--saturation-general),var(--l-light-78)));--primary-color-light: hsl(233,var(--saturation-general), 23%);--primary-color-lighter: hsl(233,var(--saturation-general), 28%);--accent-color-darker: hsl(233,var(--saturation-general), 63%);--accent-color-dark: hsl(233,var(--saturation-general), 68%);--accent-color: hsl(233,var(--saturation-general), var(--l-light-73));--accent-color-light: hsl(233,var(--saturation-general), var(--l-light-78));--accent-color-lighter: hsl(233,var(--saturation-general), var(--l-light-83));--accent-color-2-darker: hsl(35, 31%, 38%);--accent-color-2-dark: hsl(35, 31%, 43%);--accent-color-2: hsl(35, 31%, 48%);--accent-color-2-light: hsl(35, 31%, 53%);--accent-color-2-lighter: hsl(35, 31%, 58%);--neutral-color: hsl(0,var(--saturation-none),78%);--neutral-color-light: hsl(0,var(--saturation-none),83%);--neutral-color-lighter: hsl(0,var(--saturation-none),88%);--neutral-color-dark: hsl(0,var(--saturation-none),13%);--transition: .3s;--border-white: white 1px solid;--border-black: rgb(0, 0, 0) 1px solid}body{margin:0;background-color:var(--accent-color)}h1{font-family:Garet Heavy;font-size:clamp(2.75rem,.75rem + 6vw,5.25rem)}h2,h3{font-family:Jersey-20;font-size:clamp(2.25rem,1.375rem + 3.5vw,4rem)}p{font-family:Jersey-20;font-size:clamp(1rem,.75rem + 1vw,1.5rem)}a{font-family:Jersey-20;text-decoration:none}main{margin-left:10%;margin-right:10%}@media(max-width:720px){main{margin-left:0;margin-right:0}}#banner{height:80vh;width:100vw;display:inline-block}@media(max-width:720px){#banner{padding:1em}}#banner-portfolio{display:inline-block;width:100%;height:88vh;background:var(--accent-color-2-light);position:relative;overflow:hidden;margin:0}@media(max-width:720px){#banner-portfolio{margin-left:-4em;width:115vw}}#paragaph-about{font-size:32px}.button{color:var(--neutral-color-lighter);background-color:var(--primary-color-lighter);height:2em;width:8em;display:flex;align-items:center;justify-content:center;border:var(--border-white)}.button:focus{border:none;border-inline:var(--border-white)}.button:hover{background-color:var(--primary-color-dark);border:solid var(--neutral-color-lighter) 2px;transition-duration:.2s}.button:disabled{background-color:var(--neutral-color-dark)}.button a{display:flex;justify-content:center;font-size:20px;text-decoration:none;color:var(--neutral-color-lighter)}.main-header{display:flex;position:sticky;padding:1em;background:var(--primary-color);border:var(--border-white);height:4em;justify-content:space-between;align-items:center;top:0;z-index:4}@media(max-width:720px){.main-header{justify-content:center}.main-header .navigation{display:none}}.navigation{display:flex;gap:1em;margin-right:2em}.logo-header{overflow:visible;height:fit-content}.logo-header:hover{scale:1.3;transition-duration:.2s}#logo-header-path:hover{fill:var(--accent-color);transition-duration:.2s}#logo-header-path:hover~#logo-header-path{stroke:3px white solid}#project-overview-section{display:flex;gap:1em}#box-one:hover~img{width:500px;height:500px;object-fit:cover}#box-two:hover~#text-field-two{display:block}#box-three:hover~#text-field-three{display:block}#box-four:hover~#text-field-four{display:block}#project-boxes{display:flex;justify-content:center;max-width:100%;gap:1em}#project-boxes img{height:200px;width:200px;object-fit:cover;border:var(--border-black)}.main-section{width:90vw;height:fit-content;background-color:var(--neutral-color-lighter);position:relative;margin:1em;top:10%}.main-section-block{display:inline-block;height:1.6em;width:1.6em;border:var(--border-white);background-color:var(--primary-color-dark)}.main-section-block:nth-of-type(3){background-color:#810000}.main-section-content,.mini-section-content{padding:1em}.tab-icons{display:flex;gap:.4em}.tab-title-section{background-color:var(--primary-color);color:var(--neutral-color-lighter);display:flex;justify-content:space-between;height:2em;padding:.3em}.tab-title{height:2em;align-content:center;display:flex}.tab-title p{margin-top:7px;margin-left:2px;font-size:20px}#wrapper{width:100%;height:100%;display:flex;justify-content:center}#mini-section{background-color:var(--neutral-color-lighter);padding:1em;font-size:32px}.mini-section-block{display:inline-block;height:1.6em;width:1.6em;border:var(--border-white);background-color:#810000;color:var(--neutral-color-lighter)}.mini-section-content{display:grid;padding:1em;width:500px;grid-template-columns:30% 70%;background-color:var(--neutral-color-lighter)}.mini-section-image{width:150px;height:100px}.mini-section-paragraph{grid-column-start:2;font-size:20px;margin:1em}footer{color:var(--neutral-color-lighter);background-color:var(--primary-color);height:50vh;width:100vw;display:grid;grid-template-columns:1fr 1fr 1fr;border:var(--border-white)}#footerPartOne{display:flex;justify-content:center}#footerPartTwo{display:flex;justify-content:center;align-items:center;position:relative;bottom:0;gap:2em;flex-direction:column}#footerPartTwo p{margin-top:-.3em;text-decoration:none;color:var(--neutral-color-lighter)}#footerPartTwo img{margin-left:.5em}#footerPartTwo a p{display:none}#footerPartTwo img:hover{filter:drop-shadow(16px 16px 20px var(--color-neutral-light));transition-duration:.3s;scale:1.4}#footerPartTwo .button{width:15em;height:3em}#footerPartThree{display:flex;justify-content:center}#footer-backToTop{position:relative;left:3em;bottom:7em;height:4em;width:4em;background-color:var(--accent-color-light);border:var(--border-white)}#footer-logo{display:flex;align-items:center}#footer-name{font-size:32px;line-height:.1;margin-top:1.5em}#navigation-links{display:flex;flex-direction:row}#about-section{display:flex;gap:2em}#about-section p{padding:2em;font-size:24px}@media(max-width:720px){#about-section{flex-direction:column}}#section-picture{height:50%;width:50%;display:flex}@media(max-width:720px){#section-picture{height:100%;width:100%}}#error-page{display:flex;justify-content:center;align-content:center;padding:1em;margin-top:3em;margin-bottom:3em}#miel-404-section{display:gird;gap:-1em;margin-left:1em}#miel-404-section h2{margin-bottom:-4em}#miel-404-section p{margin-top:-2em}#error-page-button{height:1em;width:8em;padding:1em;background-color:var(--accent-color-2)}#minibanner{height:8vh;width:100vw;display:inline-block;background-color:var(--accent-color-lighter);border:var(--border-white);display:flex;align-content:baseline;justify-content:flex-start}#minibanner h1{font-size:64px;font-family:Jersey-20;margin-top:0;margin-left:10%}#project-example{display:flex;padding-top:1em}@media(max-width:720px){#project-example{flex-direction:column;width:100%;justify-content:center}#project-example img{display:flex;justify-content:center;width:75%}}#projects-titlefield{width:95%;height:4em;padding:1em;border:var(--border-black)}#projects-titlefield h2{margin:0;top:0}#projects-textfield{height:25em;width:95%;padding-left:1em;padding-right:1em;border:var(--border-black)}@media(max-width:720px){#projects-textfield{height:10em}}#project-content{display:flex;flex-direction:column;width:100%;height:100%;padding-left:1em;padding-right:1em}@media(max-width:720px){#project-content{width:90%}}#project-buttons{display:flex;gap:1em;width:100%}#project-buttons button{width:20%;font-size:18px;display:flex;justify-content:space-evenly}@media(max-width:720px){#project-buttons button img{display:none}}@font-face{font-family:Jersey-20;src:local("Jersey20"),url(/assets/Jersey20-Regular-BqroJ5je.ttf) format("truetype");font-weight:700}@font-face{font-family:Garet Book;src:local("Garet"),url(/assets/Garet-Book-CFakuSqk.ttf) format("truetype");font-weight:700}@font-face{font-family:Garet Heavy;src:local("Garet"),url(/assets/Garet-Heavy-ClB1ojzR.ttf) format("truetype");font-weight:700}@keyframes turning{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cloud-move{0%{transform:translate(0)}to{transform:translate(140vw)}}@keyframes spawn{0%{opacity:0}to{opacity:1}}#regularCow{width:150px}@media(max-width:720px){#regularCow{width:75px}}.regularCow-1{fill:#3f3f3f}.regularCow-1,.regularCow-2,.regularCow-3,.regularCow-4,.regularCow-5,.regularCow-6{stroke:#000;stroke-miterlimit:10}.regularCow-2{fill:#fff}.regularCow-3{fill:#3a3a3a}.regularCow-4{fill:#c1a18c}.regularCow-5{fill:#424242}.regularCow-6{fill:#161616}#amsterdamCarMini{width:150px}@media(max-width:720px){#amsterdamCarMini{width:75px}}.amsterdamMiniCar-1{fill:#635761}.amsterdamMiniCar-1,.amsterdamMiniCar-2,.amsterdamMiniCar-3,.amsterdamMiniCar-4,.amsterdamMiniCar-5,.amsterdamMiniCar-6,.amsterdamMiniCar-7,.amsterdamMiniCar-8{stroke:#000;stroke-miterlimit:10}.amsterdamMiniCar-2{fill:#d3d3db}.amsterdamMiniCar-3{fill:#eadfe3}.amsterdamMiniCar-4{fill:#b7101c}.amsterdamMiniCar-5{fill:#b7b7b7}.amsterdamMiniCar-6{fill:#d5012a}.amsterdamMiniCar-7{fill:#235298}.amsterdamMiniCar-8{fill:#161616}:root{--sky-lightest: hsla(210, 100%, 78%, 1);--sky-darkest: hsla(236, 100%, 18%, 1);--sun: hsla(49, 78%, 58%, 1);--moon: hsla(0, 0%, 89%, 1);--ground: hsla(96, 78%, 18%);--leaves-light: hsla(96, 78%, 33%, 1);--leaves-dark: hsla(96, 78%, 13%, 1);--wood: hsla(32, 78%, 28%, 1);--windows-color: hsla(233, 78%, 90%, 1);--windows-color-night: rgb(250, 250, 130);--border-black: solid black 1px}#ground{display:inline-block;width:1440px;border:var(--border-black);top:80%;bottom:0;left:-10px;z-index:1;position:absolute;overflow:hidden}svg rect,path,circle,ellipse,line,polyline,polygon{stroke:#000;stroke-width:1px;stroke-miterlimit:10}#logo-header-path{stroke:#fff;stroke-width:10px}#miel{position:absolute;z-index:3;left:60%;top:50%;width:500px;clip-path:inset(0 0 55% 0)}@media(max-width:720px){#miel{left:20%}}.miel-2{fill:#828237}.miel-18{fill:#abbaaf}.miel-19{fill:#565e5d}.miel-3{fill:#091928}.miel-20{fill:#6b6b34}.miel-4,.miel-5,.miel-6,.miel-9{fill:#cea48d}.miel-7{fill:#c9c9c9}.miel-8{fill:#121a24}.miel-9{stroke:#a67c52}.miel-10{fill:#1a1a1a}.miel-11{fill:#4f3c1d}.miel-12{fill:#070b0f}.miel-13,.miel-17{fill:none}.miel-14{fill:#f7f7f7}.miel-21{fill:#4ca0ff}.miel-15{fill:#e6e6e6}.miel-16{fill:#112243}.miel-17{stroke:#6b6b34;stroke-width:4px}#sun{animation:turning 35s linear infinite;position:absolute;left:0%;top:0%;z-index:0;width:75px;height:75px}.ground-1{fill:#bababa}.ground-1,.ground-2,.ground-3{stroke:#000;stroke-miterlimit:10}.ground-2{fill:#4e6168}.ground-3{fill:#75634e}#tree{width:50px;z-index:2}#cloud{stroke-miterlimit:10;z-index:1;position:absolute}#cloud:hover{scale:1.5;animation-duration:.2s}.bottlePost-1{fill:#775a25}.bottlePost-1,.bottlePost-3,.bottlePost-4{stroke-width:1px}.bottlePost-2{fill:#ddddca;stroke-width:2px}.bottlePost-3{opacity:.64}.bottlePost-3,.bottlePost-4{fill:#3d85bf;isolation:isolate}.bottlePost-4{opacity:.54}#bottlePost{width:150px}#miel-404{height:250px}.miel-404-animation-1{fill:#f7df4d}.miel-404-animation-3{fill:#828237}.miel-404-animation-4{fill:#c1a82d}.miel-404-animation-5{fill:#ad826c}.miel-404-animation-6{fill:#091928}.miel-404-animation-19{fill:#6b6b34}.miel-404-animation-7,.miel-404-animation-8,.miel-404-animation-9,.miel-404-animation-11{fill:#cea48d}.miel-404-animation-10{fill:#f5ea6c}.miel-404-animation-11{stroke:#a67c52}.miel-404-animation-12{fill:#e2e2e2}.miel-404-animation-13{fill:#1a1a1a}.miel-404-animation-14{fill:#4f3c1d}.miel-404-animation-15,.miel-404-animation-18{fill:none}.miel-404-animation-16{fill:#f7f7f7}.miel-404-animation-17{fill:#e6e6e6}.miel-404-animation-18{stroke:#6b6b34;stroke-width:4px}.miel-404-animation-5a,.miel-404-animation-5b,.miel-404-animation-5a1,.miel-404-animation-5b1{fill:#ad826c}.miel-404-animation-7b1,.miel-404-animation-7b{fill:#cea48d;stroke-width:1px}.amsterdamHouse-windows{fill:var(--windows-color)}.amsterdamHouse-windows:hover{fill:var(--windows-color-night)}.amsterdamHouseA-1{fill:#c4c4c4}.amsterdamHouseA-1,.amsterdamHouseA-2,.amsterdamHouseA-3,.amsterdamHouseA-4,.amsterdamHouseA-5,.amsterdamHouseA-6{stroke:var(--border-black);stroke-miterlimit:10}.amsterdamHouseA-2{fill:#342f33}.amsterdamHouseA-7,.amsterdamHouseA-6{fill:#bea383}.amsterdamHouseA-3{fill:#24303c}.amsterdamHouseA-4{fill:#131d23}.amsterdamHouseA-5{fill:var(--windows-color)}.amsterdamHouseA-5:hover{fill:var(--windows-color-night)}.amsterdamHouseB-1,.amsterdamHouseB-7{stroke-width:1.051px}.amsterdamHouseB-1,.amsterdamHouseB-12{fill:#584849}.amsterdamHouseB-2,.amsterdamHouseB-3,.amsterdamHouseB-11{fill:#131d23}.amsterdamHouseB-7{fill:#c1c1c1}.amsterdamHouseB-8{fill:#bfbfbf}.amsterdamHouseB-9{stroke-width:.765px}.amsterdamHouseB-9,.amsterdamHouseB-10,.amsterdamHouseB-13{fill:#bea383}.amsterdamHouseB-10{stroke-width:.842px}.amsterdamHouseB-12{stroke-width:1.006px}.amsterdamHouseC-1{fill:#ccb59b}.amsterdamHouseC-1,.amsterdamHouseC-2,.amsterdamHouseC-3,.amsterdamHouseC-4,.amsterdamHouseC-5,.amsterdamHouseC-6,.amsterdamHouseC-7{stroke-miterlimit:10}.amsterdamHouseC-1,.amsterdamHouseC-2,.amsterdamHouseC-5,.amsterdamHouseC-6,.amsterdamHouseC-7{stroke:#000}.amsterdamHouseC-2{fill:#5e5553}.amsterdamHouseC-3{fill:#6d3d40;stroke:#aa9d3c}.amsterdamHouseC-4{fill:var(--windows-color);stroke:#fff}.amsterdamHouseC-4:hover{fill:var(--windows-color-night)}.amsterdamHouseC-5{fill:#708187}.amsterdamHouseC-6{fill:#152025}.amsterdamHouseC-7{fill:#aa9d3c}.amsterdamHouseD-1{fill:#0d1a1a}.amsterdamHouseD-3{fill:#222a33}.amsterdamHouseD-4{fill:#fff}.amsterdamHouseE-1{fill:#7b8791}.amsterdamHouseE-3{fill:#444}.amsterdamHouseE-4{fill:#0d1a1a;stroke:#fff}.amsterdamHouseE-5{fill:#c6c6c6}.amsterdamHouseE-7{fill:#c7c1be}.amsterdamHouseE-8{fill:#594845}.fenceA-1{fill:#537a76}.fenceA-2{fill:#5e8b88}#banner-portfolio{position:relative}.horizon-window{position:absolute;bottom:133px;left:0;width:100%;z-index:2;overflow:hidden}#banner-horizon{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:baseline;height:100%;bottom:0;align-items:flex-end;animation:scrollLeft 120s linear infinite}#banner-horizon svg{height:100%;width:120px;margin-left:-5px}#banner-horizon svg,#banner-horizon>div{flex-shrink:0;display:block}#banner-trees{display:flex;gap:12em;z-index:5}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}#mini-sections{margin-top:3em;display:flex;gap:2em;flex-direction:column}#direction-change{grid-template-columns:70% 30%}#direction-change .mini-section-image{grid-column-start:2}#direction-change .mini-section-paragraph{grid-column-start:1;grid-row-start:1}#contact-section{background-color:var(--neutral-color-dark);display:flex;justify-content:center;padding:2em;flex-direction:row;height:38em}@media(max-width:720px){#contact-section{height:50em}}#contact{display:grid;width:80vw;grid-template-columns:30% 70%;padding:4em}@media(max-width:1080px){#contact{display:flex;flex-direction:column;justify-content:center}}form{display:flex;flex-direction:column;gap:1em}form textarea::placeholder{color:var(--primary-color);font-size:16px;font-family:Jersey-20}form input,form textarea{background-color:var(--accent-color-lighter);color:var(--neutral-color-dark);height:3em;display:flex;flex-direction:row;width:100%;font-size:16px;font-family:Jersey-20}:is(form input,form textarea)::placeholder{color:var(--primary-color);font-size:16px;font-family:Jersey-20}:is(form input,form textarea):focus{border-style:none;border:var(--border-white)}#names-form{display:flex;gap:1em}label{display:none}#contact-bottle{display:flex;align-items:center;justify-content:center}#contact-form-button{height:3em;width:16em;display:flex;margin-top:1em}#contact-form-button-area{display:flex;justify-content:center}#message{width:100%;height:50%;display:flex;background-color:var(--accent-color-lighter)}#block{height:250px;width:250px;stroke:1px solid var(--color-neutral-dark);background-color:var(--neutral-color-light)}#buildings-library{height:50em}#amsterdamHouseA-library{position:absolute;bottom:10em}#blog-head-picture img{width:100%}