:root{--main: #fff;--secondary: #2b2b2b;--accent: #ddffc6;--text-glow: none;--box-glow: none;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--main: #150A24;--secondary: #F2A6FF;--accent: #2A1140;--text-glow: 0 0 10px rgba(242, 166, 255, .55);--box-glow: 0 0 14px rgba(242, 166, 255, .28);color-scheme:dark}}:root[data-theme=dark]{--main: #150A24;--secondary: #F2A6FF;--accent: #2A1140;--text-glow: 0 0 10px rgba(242, 166, 255, .55);--box-glow: 0 0 14px rgba(242, 166, 255, .28);color-scheme:dark}:root[data-theme=light]{--main: #fff;--secondary: #2b2b2b;--accent: #ddffc6;--text-glow: none;--box-glow: none;color-scheme:light}#theme-toggle .icon-moon{display:block}#theme-toggle .icon-sun{display:none}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) #theme-toggle .icon-moon{display:none}:root:not([data-theme=light]) #theme-toggle .icon-sun{display:block}}:root[data-theme=dark] #theme-toggle .icon-moon{display:none}:root[data-theme=dark] #theme-toggle .icon-sun{display:block}:root[data-theme=light] #theme-toggle .icon-moon{display:block}:root[data-theme=light] #theme-toggle .icon-sun{display:none}*{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 var(--secondary)}.br{border-right:2px solid var(--secondary)}.bl{border-left:2px solid var(--secondary)}.bb{border-bottom:2px solid var(--secondary)}nav{position:sticky;top:0;width:100%;background-color:var(--main);outline:2px solid var(--secondary);box-shadow:var(--box-glow);z-index:1000}nav div{display:flex;flex-direction:row}nav ul{display:flex;justify-content:space-between;list-style:none}nav li{margin-left:1px}nav a{display:block;padding:20px;text-decoration:none;color:inherit;transition:.3s}nav a:hover{background-color:var(--accent);color:var(--secondary)}nav button{display:inline-flex;align-items:center;justify-content:center;background:none;border:0;cursor:pointer;font:inherit;padding:20px;color:inherit;line-height:0;transition:.3s}nav button:hover{background-color:var(--accent);color:var(--secondary)}nav button svg{width:22px;height:22px;display:block}footer{display:flex;padding:16px 24px;align-items:center;justify-content:space-between;background-color:var(--accent);outline:2px solid var(--secondary);box-shadow:var(--box-glow)}footer ul{display:flex}footer li{padding:0 8px}footer img{width:48px}body{color:var(--secondary);background-color:var(--main);height:auto;transition:background-color .3s ease,color .3s ease}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}body h1,body h2,body h3{text-shadow:var(--text-glow)}.content_colored_background{margin:16px;padding:24px;outline:2px solid var(--secondary);background-color:var(--accent);box-shadow:var(--box-glow)}.home{position:relative;width:100%;height:100%;max-height:100vh;outline:2px solid var(--secondary)}.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:var(--main);outline:3px solid var(--secondary);box-shadow:var(--box-glow);box-sizing:border-box;transition:.3s}.home a:hover{bottom:34px;right:36%;transform:rotate(1deg);box-shadow:10px 10px var(--secondary)}.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 var(--secondary);border-bottom:2px solid var(--secondary)}.character .grid-element:nth-child(2n){background-color:var(--accent);color:var(--secondary)}.character img{width:125px}.home_projects{max-width:1600px;margin:48px auto;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 var(--secondary);grid-column:3/4}.home_projects div:nth-child(5){border-right:2px solid var(--secondary);grid-column:2/4}.home_projects #item0{border-top:2px solid var(--secondary);border-right:2px solid var(--secondary);width:100%;grid-column:1/4}.home_projects .project-image-container{height:628px;width:100%;overflow:hidden}.home_projects .project-image-container video{object-fit:cover;width:100%;height:100%;transition:.3s}.home_projects .project-image-container video:hover{object-fit:cover;transform:scale(1.05)}.work{padding:48px;background-color:var(--main)}.work .work_box{padding:48px 0}.work .work_grid{display:flex;flex-wrap:wrap}.work .work_grid video{background-color:var(--main);object-fit:cover;margin-top:16px;margin-right:16px;width:300px;height:450px;outline:2px solid var(--secondary);transition:.3s}.work .work_grid video:hover{transform:rotate(1deg);box-shadow:10px 10px var(--secondary);scale:1.1;margin-left:38px;margin-right:38px}.work .work_box:not(.work_illustration) .work_grid video{width:350px;height:250px}.info{background-color:var(--accent);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:var(--main);outline:2px solid var(--secondary)}.project{display:flex;flex-direction:column;align-items:center;margin:auto;max-width:1600px}.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 video{width:100%;height:100%;min-width:400px;max-height:950px;object-fit:cover;outline:2px solid var(--secondary)}.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}.project .project_body .grid_template img{width:400px;transition:.6s}.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}