*{margin:0;padding:0;font-family:Space Grotesk,sans-serif;font-optical-sizing:auto;font-weight:weight;font-style:normal}.bt{border-top:2px solid #2b2b2b}.br{border-right:2px solid #2b2b2b}.bl{border-left:2px solid #2b2b2b}.bb{border-bottom:2px solid #2b2b2b}nav{position:sticky;top:0;width:auto;background-color:#fff;outline:2px solid #2b2b2b;z-index:1000}nav ul{display:flex;justify-content:flex-end;list-style:none}nav li{margin-left:1px;padding:20px;transition:.3s}nav li:hover{background-color:#ddffc6;color:#2b2b2b}nav a{text-decoration:none}footer{display:flex;padding:16px 24px;align-items:center;justify-content:space-between;background-color:#ddffc6;outline:2px solid #2b2b2b}footer ul{display:flex}footer li{padding:0 8px}footer img{width:48px}body{color:#2b2b2b;background-color:#fff;height:auto}body h1{font-size:36px;font-weight:600}body h2{font-size:24px;font-weight:600}body h3{font-size:20px;font-weight:600}body p{font-size:16px;font-weight:400}.content_colored_background{margin:16px;padding:24px;outline:2px solid #2b2b2b;background-color:#ddffc6}.home{position:relative;width:100%;height:100%;max-height:100vh;outline:2px solid #2b2b2b}.home .video_container{height:66vh}.home video{width:100%;height:100%;max-height:100vh;object-fit:cover}.home a{position:absolute;bottom:24px;right:35%;width:35%;text-align:center;padding:24px 48px;background-color:#fff;outline:3px solid #2b2b2b;box-sizing:border-box;transition:.3s}.home a:hover{bottom:34px;right:36%;transform:rotate(1deg);box-shadow:10px 10px #2b2b2b}.home h1{font-size:3rem;font-weight:600}.character{width:100%;overflow:hidden}.character .grid_template{width:100%;height:auto;display:flex;flex-wrap:nowrap}.character .grid-element{display:flex;justify-content:center;align-items:center;text-align:center;padding:16px;height:200px;width:100%;min-width:120px;max-width:500px;justify-items:center;border-right:2px solid #2b2b2b;border-bottom:2px solid #2b2b2b}.character .grid-element:nth-child(2n){background-color:#ddffc6;color:#2b2b2b}.character img{width:125px}.home_projects{margin:48px 64px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:0}.home_projects a{display:block;padding:24px;height:100%}.home_projects div:nth-child(2){grid-column:1/3}.home_projects div:nth-child(3){border-right:2px solid #2b2b2b;grid-column:3/4}.home_projects div:nth-child(5){border-right:2px solid #2b2b2b;grid-column:2/4}.home_projects #item0{border-top:2px solid #2b2b2b;border-right:2px solid #2b2b2b;width:100%;grid-column:1/4}.home_projects .project-image-container{height:628px;width:100%;overflow:hidden}.home_projects .project-image-container img{object-fit:cover;width:100%;height:100%;transition:.3s}.home_projects .project-image-container img:hover{object-fit:cover;transform:scale(1.05)}.work{padding:48px;background-color:#fff}.work .work_box{padding:48px 0}.work .work_grid{display:flex;flex-wrap:wrap}.work .work_grid img{background-color:#fff;object-fit:cover;margin-top:16px;margin-right:16px;width:300px;height:450px;outline:2px solid #2b2b2b;transition:.3s}.work .work_grid img:hover{transform:rotate(1deg);box-shadow:10px 10px #2b2b2b;scale:1.1;margin-left:38px;margin-right:38px}.work .work_box:not(.work_illustration) .work_grid img{width:350px;height:250px}.info{background-color:#ddffc6;display:flex;justify-content:center;padding:48px;width:100%;height:100vh}.info h1{font-weight:600}.info .content_colored_background{padding:96px 48px;background-color:#fff;outline:2px solid #2b2b2b}.project{display:flex;flex-direction:column;align-items:center}.project .project_head{width:100%;padding:16px 200px;display:flex;align-items:center;flex-direction:column}.project .project_head .project_head_container{width:100%}.project .project_head img{width:100%;height:100%;min-width:400px;max-height:950px;object-fit:cover;outline:2px solid #2b2b2b}.project .project_head .description{display:flex}.project .project_head .description p{font-size:1.5rem;width:100%}.project .project_body{width:100%;display:flex;flex-direction:column;padding:16px 200px}.project .project_body .grid_template{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;padding:48px 0;min-width:250px}.project .project_body .grid_template img{width:400px}.project .project_body .grid_template p{width:90%}.project .project_body .grid-element{padding:24px;margin:24px;width:40%}.project .project_body .closeup img{width:500px;height:auto}
