@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap";.grid{display:grid;grid-template-columns:50px repeat(5,1fr) 50px}@media screen and (max-width:1400px){.grid{grid-template-columns:repeat(2,50px) repeat(3,1fr) repeat(2,50px)}}@media screen and (max-width:1000px){.grid{grid-template-columns:50px repeat(3,1fr) 50px}}@media screen and (max-width:850px){.grid{grid-template-columns:50px repeat(2,1fr) 50px}}@media screen and (max-width:600px){.grid{grid-template-columns:50px auto 50px}}.button{position:relative;display:flex;align-items:center;justify-content:center;width:-moz-max-content;width:max-content;cursor:pointer;text-decoration:none;color:#222;transition:border-color .4s ease-in-out;z-index:5}.button:after{content:"";height:10px;width:10px;border-radius:50%;background-color:#f54641;position:absolute;top:calc(50% - 5px);right:-15px;z-index:-1;transform:scale(.5);transform-origin:center;transition:transform .3s cubic-bezier(.5,-.3,.5,1.3)}.button:hover:after{transform:scale(1)}.navbar-menu-button{z-index:100;position:fixed;top:10px;right:10px;height:30px;width:30px;display:flex;flex-direction:column;justify-content:space-around;align-items:flex-end;cursor:pointer;transition:transform .4s cubic-bezier(.5,-.3,.5,1.3)}.navbar-menu-button.active-menu{transform:rotate(90deg)}.menu-button-bar{height:2px;background:#d5d5d5;transition:transform .3s cubic-bezier(.5,-.3,.5,1.3),background-color .3s ease;transform-origin:right}.menu-button-bar:first-child{width:25px}.menu-button-bar:nth-child(2){width:15px}.menu-button-bar:last-child{width:30px}.navbar-menu-button:hover .menu-button-bar:first-child{transform:scaleX(1.2)}.navbar-menu-button:hover .menu-button-bar:nth-child(2){transform:scaleX(2)}.navbar-menu-button:hover .menu-button-bar{background-color:#222}.drawer{position:fixed;height:100%;width:100%;top:0;right:0;z-index:10;display:flex;flex-direction:column;justify-content:center;transform:translateX(100%)}.drawer-background{z-index:15;position:absolute;top:0;left:0;height:calc(100% - 12px);width:calc(100% - 12px);margin:5px;border:1px solid #bbb;transform:translateX(0);transition:transform .8s ease-out}@supports((-webkit-backdrop-filter:blur(5px)) or (backdrop-filter:blur(5px))){.drawer-background{background-color:hsla(0,0%,98%,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}@supports not ((-webkit-backdrop-filter:blur(5px)) or (backdrop-filter:blur(5px))){.drawer-background{background-color:hsla(0,0%,98%,.9)}}.drawer-item{z-index:20;display:flex;justify-content:center;align-items:center;padding:20px;opacity:0;text-decoration:none;transform:translateX(0)}.drawer-item:nth-child(2){transition:transform .6s cubic-bezier(.6,.6,.3,1.3) 50ms,opacity .4s cubic-bezier(.6,.6,.3,1.3) 50ms}.drawer-item:nth-child(3){transition:transform .6s cubic-bezier(.6,.6,.3,1.3) .1s,opacity .4s cubic-bezier(.6,.6,.3,1.3) .1s}.drawer-item:nth-child(4){transition:transform .6s cubic-bezier(.6,.6,.3,1.3) .15s,opacity .4s cubic-bezier(.6,.6,.3,1.3) .15s}.drawer-item:nth-child(5){transition:transform .6s cubic-bezier(.6,.6,.3,1.3) .2s,opacity .4s cubic-bezier(.6,.6,.3,1.3) .2s}.drawer-item-title{color:#222;font-size:50px;font-weight:300;text-transform:uppercase;letter-spacing:2px}@media screen and (max-width:600px){.drawer-item-title{font-size:40px}}.drawer-item-dot{height:10px;width:10px;right:0;border-radius:50%;background:#f54641;margin:0 10px;transform:scale(0);transition:transform .3s cubic-bezier(.6,.6,.3,1.3)}.drawer.active .drawer-background{transform:translateX(calc(-100% - 10px))}.drawer.active .drawer-item{transform:translateX(calc(-100% + 15px));opacity:1}.drawer.active .drawer-item:hover .drawer-item-dot{transform:scale(1)}.grid-background{min-height:100vh;width:100%;position:fixed;top:0;left:0;z-index:-1}.grid-line{border-right:1px solid #ebebeb}@media screen and (max-width:1000px){.grid-line:last-child{display:none}.grid-line:nth-child(5){border:none}}@media screen and (max-width:850px){.grid-line:last-child,.grid-line:nth-child(5){display:none}.grid-line:nth-child(4){border:none}}@media screen and (max-width:600px){.grid-line:nth-child(4){display:none}.grid-line:nth-child(3){border:none}}.corner{position:fixed;height:0;width:0;border:15px solid transparent;border-bottom-color:#f54641;transform-origin:center;opacity:.9}.corner-top{top:-15px;left:-15px;transform:rotate(-45deg)}.corner-bottom{bottom:-15px;right:-15px;transform:rotate(135deg)}.indicator{position:fixed;top:50%;left:17px;transform:translateY(calc(-50% + 8px));transition:top .4s ease-out}.indicator-dot:hover .dot-active{transform:scale(.5)}.dot-active,.dot-inactive{height:16px;width:16px;border-radius:50%}.dot-inactive{background-color:#d5d5d5}.dot-active{background-color:#f54641;position:relative;top:-16px;transform:scale(0);transform-origin:center;transition:transform .2s cubic-bezier(.5,-.3,.5,1.3)}.dot-active.dot-full{transition:transform .4s cubic-bezier(.5,-.3,.5,1.3);transform:scale(1)}.social-icons{position:fixed;bottom:0;left:0;height:150px;width:50px;display:flex;flex-direction:column}.icon{width:50px;height:50px}.icon svg{width:30px;height:30px;padding:10px}.icon svg path{fill:#d5d5d5;transition:fill .3s ease}.icon:hover path{fill:#222}#home{min-height:100vh;grid-template-rows:50px auto 50px}.home-container{grid-column:2/7;grid-row:2;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width:1000px){.home-container{grid-column:2/5}}@media screen and (max-width:850px){.home-container{grid-column:2/4}}@media screen and (max-width:600px){.home-container{grid-column:2}}.home-intro{font-size:35px;font-weight:300;padding-bottom:1rem;text-align:center}.home-intro p{width:100%;margin:0}.home-intro-name{font-weight:500;color:#f54641}@media screen and (max-width:600px){.home-intro{padding:0 10px;font-size:30px}}.home-button{justify-self:center;padding-top:1rem}#over{min-height:100vh;grid-template-rows:50px repeat(2,auto) 50px}.over-image{grid-column:3;grid-row:2;align-self:end}.over-image img{-o-object-fit:cover;object-fit:cover;width:100%;max-height:100%;filter:grayscale(1)}@media screen and (max-width:1000px){.over-image{grid-column:2}}@media screen and (max-width:600px){.over-image{grid-column:2;width:70%}}.over-tekst{grid-column:3/6;grid-row:3;padding-top:2rem}@media screen and (max-width:1000px){.over-tekst{grid-column:2/5}}@media screen and (max-width:850px){.over-tekst{grid-column:2/4}}@media screen and (max-width:600px){.over-tekst{grid-column:2;font-size:14px}}#portfolio{min-height:100vh;grid-template-rows:50px auto 50px}@media screen and (max-width:1400px){#portfolio.grid{grid-template-rows:50px repeat(2,auto) 50px}}@media screen and (max-width:850px){#portfolio.grid{grid-template-rows:50px repeat(5,auto) 50px}}.project{display:flex;flex-direction:column;align-items:center;align-self:center;padding-top:50px}.project:first-child{grid-column:2;grid-row:2}.project:nth-child(2){grid-column:3;grid-row:2}.project:nth-child(3){grid-column:4;grid-row:2}.project:nth-child(4){grid-column:5;grid-row:2}.project:nth-child(5){grid-column:6;grid-row:2}@media screen and (max-width:1400px){.project:first-child{grid-column:3;grid-row:2}.project:nth-child(2){grid-column:4;grid-row:2}.project:nth-child(3){grid-column:5;grid-row:2}.project:nth-child(4){grid-column:3;grid-row:3}.project:nth-child(5){grid-column:4;grid-row:3}}@media screen and (max-width:1000px){.project:first-child{grid-column:2;grid-row:2}.project:nth-child(2){grid-column:3;grid-row:2}.project:nth-child(3){grid-column:4;grid-row:2}.project:nth-child(4){grid-column:2;grid-row:3}.project:nth-child(5){grid-column:3;grid-row:3}}@media screen and (max-width:850px){.project:first-child{grid-column:2;grid-row:3}.project:nth-child(2){grid-column:3;grid-row:3}.project:nth-child(3){grid-column:2;grid-row:4}.project:nth-child(4){grid-column:3;grid-row:4}.project:nth-child(5){grid-column:2;grid-row:5}}@media screen and (max-width:600px){.project:first-child{grid-column:2;grid-row:3}.project:nth-child(2){grid-column:2;grid-row:4}.project:nth-child(3){grid-column:2;grid-row:5}.project:nth-child(4){grid-column:2;grid-row:6}.project:nth-child(5){grid-column:2;grid-row:7}}.project-title{height:60px}.project-title h3{margin:0;font-size:30px;font-weight:300;text-align:center}.project-buttons{display:flex;justify-content:space-around;width:100%;padding:10px 0}.project-image img{-o-object-fit:cover;object-fit:cover;width:calc(100% - 1px);max-height:100%;box-sizing:border-box;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb}.project-text{align-self:center}.project-text p{margin:0}.project-technologies{display:flex;justify-content:center;flex-wrap:wrap;width:100%}@media screen and (min-width:1400px){.project{padding-top:0}}@media screen and (max-width:1400px){.project:first-child,.project:nth-child(2),.project:nth-child(3){padding-top:0}}@media screen and (max-width:1000px){.project:first-child,.project:nth-child(2),.project:nth-child(3){padding-top:0}}@media screen and (max-width:850px){.project:first-child,.project:nth-child(2){padding-top:0}}@media screen and (max-width:600px){.project:first-child{padding-top:0}}.tech-icon{width:50%;display:flex;justify-content:center}.tech-icon svg{height:40px;width:40px;padding:20px 0}.tech-icon svg path{fill:#d5d5d5}.button-website{height:18px;width:18px;padding:11px}.button-code{height:20px;width:20px;padding:12px 10px 8px}.button-code path,.button-website path{fill:#d5d5d5;transition:fill .3s ease}.button-code:hover path,.button-website:hover path{fill:#f54641}:root{font-size:16px;scroll-behavior:smooth}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#222}body{padding:0;margin:0;box-sizing:border-box;background:#fafafa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,sans-serif}@font-face{font-family:__Montserrat_b1da2a;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/aec774cbe1963439-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Montserrat_b1da2a;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/634216363f5c73c1-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Montserrat_b1da2a;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/d83fe381bb17eb77-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Montserrat_b1da2a;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/88325a2c1fede2f4-s.woff2) format("woff2");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Montserrat_b1da2a;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e1c529c04de64b40-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Montserrat_Fallback_b1da2a;src:local("Arial");ascent-override:84.95%;descent-override:22.03%;line-gap-override:0.00%;size-adjust:113.95%}.__className_b1da2a{font-family:__Montserrat_b1da2a,__Montserrat_Fallback_b1da2a;font-style:normal}