: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}@media (min-width: 320px) and (max-width: 600px){nav{position:sticky;top:0;width:100%;background-color:var(--main);outline:2px solid var(--secondary);z-index:1000}nav .br{border-right:0px solid var(--secondary)}.home a{position:relative;outline:1px solid var(--secondary);padding:0;width:100%;height:auto;right:auto;bottom:auto}.home a:hover{bottom:auto;right:auto;box-shadow:0 0}.home h1{padding:5%;font-size:1.7rem}.character .grid_template{display:grid;grid-template-columns:1fr 1fr 1fr;justify-content:center;justify-items:center}.character .grid_template .grid-element{display:flex;justify-content:center;align-items:center;height:auto}.character .grid_template img{width:100px}.home_projects{margin:24px 0;grid-template-columns:1fr 1fr}.home_projects p{font-size:14px}.home_projects div{height:450px}.home_projects div:nth-child(2){grid-column:1/4}.home_projects div:nth-child(3){grid-column:1/4}.home_projects div:nth-child(4){grid-column:1/4}.home_projects div:nth-child(5){grid-column:1/4}.home_projects a{padding:8px}.home_projects .project-image-container{height:80%}.work{background-color:var(--main)}.work .work_box{display:flex;flex-direction:column;align-items:center}.work .work_grid{width:75%}.work .work_grid video{height:300px;transition:0}.work .work_grid video:hover{transform:rotate(0);box-shadow:0 0 var(--secondary);scale:1;margin-left:0;margin-right:0}.work .work_box:not(.work_illustration) .work_grid img{width:300px;height:150px}.info{height:100%}.info p,.project p{font-size:14px}.project .project_head{padding:24px}.project .project_head .project_head_container{min-width:100px}.project .project_head video{min-width:100px}.project .project_body{width:100%;padding:24px}.project .project_body .grid_template{display:grid;grid-template-columns:1fr 1fr;align-items:start}.project .project_body .full_width_phone{display:flex}.project .project_body .grid-element{margin:0;padding:8px;width:100%}.project .project_body .closeup img{width:100%;height:auto}}@media (min-width: 601px) and (max-width: 1280px){.home a{padding:16px;right:25%;width:55%}.home a:hover{bottom:24px;right:25%;box-shadow:0 0}.home h1{font-size:2rem}.character .grid_template{display:grid;grid-template-columns:1fr 1fr 1fr}.character .grid_template .grid-element{display:flex;justify-content:center;align-items:center;padding:24px;height:auto}.character .grid_template img{width:100px}.home_projects{margin:24px 0;grid-template-columns:1fr 1fr}.home_projects a{padding:8px}.home_projects div:nth-child(2),.home_projects div:nth-child(3),.home_projects div:nth-child(4),.home_projects div:nth-child(5){grid-column:auto}.home_projects #item0{grid-column:1/3}.home_projects .project-image-container{height:320px}.home_projects #item0 .project-image-container{height:440px}.work{display:flex;flex-direction:column;align-items:center}.work h1{position:absolute;left:35px}.work_box{display:flex;flex-direction:column;align-items:center}.work_grid{width:100%;justify-content:center}.work_grid video:hover{transform:rotate(0);box-shadow:0 0 var(--secondary);scale:1;margin-left:16px;margin-right:16px}.info p,.project p{font-size:14px}.project .project_head{padding:24px}.project .project_body{width:100%;padding:24px}.project .project_body .grid_template{display:grid;grid-template-columns:1fr 1fr;align-items:start}.project .project_body .grid-element{margin:0;padding:8px;width:100%}.project .project_body .closeup img{width:400px;height:auto}}