*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow-x:hidden;scroll-behavior:smooth}:root{font-family:Manrope,serif;--colo-1gray: #e9e9e990;--colo-2gray: #c6c6c6d8;--colo-3gray: #3c3c3c;--colo-accent: #0336FF;--sidebar-padding: 20px;--button-padding: 8px;--sidebar-gap: 100px}@media (max-height: 800px){:root{--sidebar-gap: 30px}}.main-container{display:flex;min-width:100vw}.home-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;padding:200px}@media (max-width: 1200px){.home-wrapper{padding:100px}}@media (max-width: 800px){.home-wrapper{padding:20px}}.content{margin-left:240px;display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:90px 12%}@media (max-width: 1200px){.content{padding-left:3%;padding-right:3%}}@media (max-width: 800px){.content{padding-left:40px;padding-right:40px;margin-left:0}}@media (max-width: 600px){.content{padding-left:20px;padding-right:20px;margin-left:0}}.sidebar{width:240px;height:100vh;background-color:#e9e9e9;color:#000;position:fixed;top:0;left:0;overflow-y:auto;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:20px}.sidebar-wrapper{display:flex;flex-direction:column}.sidebar-wrapper h1{font-size:32px;font-weight:600;padding-left:var(--sidebar-padding);margin-top:calc(var(--sidebar-padding) - 5px)}.sidebar-wrapper h2{font-size:24px;font-weight:500;letter-spacing:1px;color:#000;text-transform:uppercase;padding-left:var(--sidebar-padding)}.sidebar-wrapper p{font-size:15px;font-weight:500;margin-left:var(--sidebar-padding);margin-top:5px;margin-bottom:5px;color:#464646}.sidebar-wrapper img{width:60px;margin:var(--sidebar-padding);border-radius:10%;box-shadow:2px 2px 10px #c5c5c5d5}.button{display:block;padding-left:var(--button-padding);padding-right:var(--button-padding);padding-top:5px;padding-bottom:5px;margin-left:calc(var(--sidebar-padding) - var(--button-padding));margin-right:calc(var(--sidebar-padding) - var(--button-padding));margin-top:5px;margin-bottom:5px;border-radius:8px;color:#464646;text-decoration:none;font-size:14px;font-weight:500;box-shadow:2px 2px 10px #c5c5c59b;background-color:#fff;transition:box-shadow .2s ease;transition:background-color .2s ease}.button:hover{background-color:var(--colo-1gray);box-shadow:2px 2px 10px #a0a0a0ca;color:var(--colo-accent)}#cv-link{display:inline-block;margin-left:var(--sidebar-padding)}.link{font-size:15px;font-weight:500;margin-left:var(--sidebar-padding);margin-top:5px;margin-bottom:5px;color:#464646;text-decoration:underline}.link:hover{color:var(--colo-accent)}@media (max-width: 800px){.sidebar{display:none}}.nav-bar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:absolute;top:0;right:0;width:100%;height:70px;background-color:#c9c9c9;z-index:10}.nav-bar h2{font-size:22px;font-weight:500;color:#000;margin-left:18px}@media (min-width: 800px){.mobile-nav{display:none}}.nav-container{position:fixed;top:0;left:0;width:100%;height:100vh;overflow:hidden;pointer-events:none;z-index:9}.nav{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;align-items:start;padding-top:100px;padding-bottom:100px;background-color:#e9e9e9;transform:translateY(-100%);transition:.3s ease}.nav-open{pointer-events:all}.nav-open .nav{transform:translate(0)}@media (max-width: 800px){.sidebar-wrapper{width:100%}.sidebar-wrapper p,.link{margin-top:3px;margin-bottom:3px}}.burger{position:relative;width:24px;height:24px;border:none;background:none;cursor:pointer;z-index:10;margin-right:18px}.burger-line{position:absolute;left:0;top:50%;width:100%;height:3px;background:#333;transition:all .1s ease}.burger-line:nth-child(1){transform:translateY(-6px)}.burger-line:nth-child(2){transform:translateY(2px)}.burger.burger-open .burger-line:nth-child(1){transform:translateY(0) rotate(45deg);background-color:#333}.burger.burger-open .burger-line:nth-child(2){transform:translateY(0) rotate(-45deg);background-color:#333}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.box{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:80px}.box img{height:25vw;margin-right:130px}.text-wrapper{display:flex;flex-direction:column}.text-wrapper h1{font-size:50px;font-weight:600;margin-bottom:10px}.text-wrapper h2{font-size:25px;font-weight:500;margin-bottom:7px;color:#383838;-webkit-hyphens:auto;hyphens:auto;word-break:break-word}.text-wrapper p{font-size:17px;font-weight:400;margin-bottom:20px;color:#585858;-webkit-hyphens:auto;hyphens:auto;word-break:break-word}#last-paragraf{margin-bottom:0}@media (max-width: 1200px){.box{flex-direction:column}.box img{width:300px;height:auto;margin-right:0}}@media (max-width: 600px){.box img{width:80vw}.text-wrapper h1{font-size:40px;margin-bottom:10px}.text-wrapper h2{font-size:20px;font-weight:500;margin-bottom:7px}.text-wrapper p{font-size:15px;font-weight:400;margin-bottom:20px}}.button-wrapper{display:flex;flex-direction:column;gap:20px;margin-top:40px;width:35%}.header-button{display:flex;flex-direction:row;flex:1;align-items:center;justify-content:center;background-color:#fff;border-radius:10px;height:50px;padding:10px;padding-top:10x;padding-bottom:10px;box-shadow:6px 6px 10px #c5c5c59b;text-decoration:none}.header-button:hover{background-color:#f0f0f03d;box-shadow:6px 6px 10px #a0a0a0cb;outline:2px solid var(--colo-accent);outline-offset:-5px}.header-button p{flex:1;text-align:center;font-size:15px;font-weight:600;color:#333}.header-button img{flex:0;height:30px;margin-right:10px}@media (max-width: 600px){.button-wrapper{width:100%}}.portfolio-header{display:flex;align-items:start;width:100%;margin-top:30px;margin-bottom:30px}.portfolio-header h2{font-size:50px;font-weight:600;margin-bottom:10px;text-align:left}.project-wrapper-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}@media (max-width: 1000px){.project-wrapper-grid{grid-template-columns:1fr}}.project-card{display:flex;flex-direction:column;gap:20px;padding:30px;border-radius:10px;background-color:#fff;box-shadow:1px 1px 30px #0000001a;transition:box-shadow .2s ease-in-out,background-color .2s ease-in-out;text-decoration:none;color:#000}.project-card:hover{background-color:#e3e3e318;box-shadow:1px 1px 30px #0003;outline:2px solid var(--colo-accent);outline-offset:-4px}.project-card h2{font-size:32px;font-weight:600;margin-bottom:5px}.project-card p{font-size:16px;font-weight:400}.card-images-2{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:100%}.full-image{max-width:100%}.full-image-50{width:48%}.wide-content-grid video{width:100%;border-radius:10px}@media (max-width: 600px){.portfolio-header h2{font-size:40px;font-weight:600;margin-bottom:10px}.project-card h2{font-size:28px;font-weight:600;margin-bottom:5px}.project-card p{font-size:15px;font-weight:400}.card-images-2{display:flex;flex-direction:row;gap:20px}.project-card{padding:20px;border-radius:8px}}.content-in-projectsite{margin-left:240px;display:flex;flex-direction:column;align-items:center;min-height:100vh;padding-top:90px;padding-left:20%;padding-right:20%}.content-in-projectsite h1{font-size:50px;font-weight:600;margin-bottom:30px;-webkit-hyphens:auto;hyphens:auto;word-break:break-word;overflow-wrap:break-word}.content-in-projectsite h2{font-size:25px;font-weight:600;margin-bottom:15px;-webkit-hyphens:auto;hyphens:auto;word-break:break-word;overflow-wrap:break-word}.content-in-projectsite p{font-size:17px;font-weight:400;margin-bottom:15px;-webkit-hyphens:auto;hyphens:auto;word-break:break-word;overflow-wrap:break-word}.content-in-projectsite a{font-size:20px;font-weight:600;margin-bottom:15px;color:#000;text-decoration:underline}.content-in-projectsite a:hover{color:var(--colo-accent)}@media (max-width: 1500px){.content-in-projectsite{padding-left:10%;padding-right:10%}}@media (max-width: 1200px){.content-in-projectsite{padding-left:60px;padding-right:60px}}@media (max-width: 800px){.content-in-projectsite{margin-left:0}}@media (max-width: 600px){.content-in-projectsite{padding-left:20px;padding-right:20px}.content-in-projectsite h1{font-size:40px;margin-bottom:30px}.content-in-projectsite h2{font-size:20px;margin-bottom:15px}.content-in-projectsite p{font-size:15px;margin-bottom:15px}.content-in-projectsite a{font-size:20px;margin-bottom:15px}}.project-image-50{width:40vw;margin-bottom:15px}.projectsite-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:80%;margin-bottom:30px}.projectsite-grid img{width:100%;border-radius:10px}.projectsite-grid-small{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;place-items:center;gap:20px;width:80%;margin-bottom:30px}.projectsite-grid-small img{width:100%;border-radius:5px}.content-in-projectsite video{width:20vw;border-radius:10px;margin-bottom:40px}.social-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:50vw;margin-bottom:30px}.social-media-post{display:flex;flex-direction:column}.social-media-post a{font-size:17px;font-weight:700;margin-top:5px}.social-media-grid img{width:100%}@media (max-width: 1200px){.content-in-projectsite video{width:40vw}.social-media-grid{width:40vw;grid-template-columns:1fr}}@media (max-width: 800px){.project-image-50{width:70vw}.social-media-grid{width:80vw}}@media (max-width: 600px){.project-image-50{width:90vw}.projectsite-grid{grid-template-columns:1fr}.projectsite-grid-small{grid-template-columns:1fr 1fr}.content-in-projectsite video{width:80vw}}.photo-gallery-grid{display:grid;grid-template-columns:1fr 1fr 1fr;width:90%;gap:1.5vw;margin-top:10px;margin-bottom:50px}.photo-column{display:flex;flex-direction:column;justify-content:flex-start;gap:1.5vw}.photo-column img{width:100%;object-fit:contain}@media (max-width: 600px){.photo-gallery-grid{grid-template-columns:1fr;width:90%;gap:1.5vw}}