body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--home-height:100vh}.home-background{background-image:url(/static/media/Background_Home.27b4489eb4d3c1c12fb6.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.home-background:before{background-color:#000000e6;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.home-text{align-content:center;height:100vh;height:var(--home-height);margin-left:var(--margin-text);margin-right:var(--margin-text);position:relative;text-align:center}.home .Highlight{color:var(--hovered-color-links)}.home .Emphasis{font-style:italic;font-weight:700}.home h1{margin:0;text-align:center}.home h2{margin:0 0 .5vw}.home h2,.home p{text-align:center}.home p{background-color:var(--fill-color-background);border-radius:var(--border-radius-small);display:inline-block;outline:var(--outline-width) var(--outline-style) var(--outline-color);padding:var(--padding-small)}.home .Breaker{margin-left:var(--margin-text);margin-right:var(--margin-text)}.home .home-background .down-arrow-icon{animation:bounce 2s infinite;height:auto;left:50%;position:absolute;top:80%;transform:translateX(-50%);width:4vw}@keyframes bounce{0%,to{transform:translateY(0) translateX(-50%)}50%{transform:translateY(1rem) translateX(-50%)}}.home .home-background .down-arrow-icon:hover{animation-play-state:paused}@media(max-width:600px){.home .home-background .down-arrow-icon{width:2rem}}.contact{display:flex;flex-direction:column;margin-left:var(--margin-text);margin-right:var(--margin-text);& .contact-socials{display:flex;gap:4vw;margin-top:1vw;& .svg{width:3vw}}}.contact h2{margin-bottom:0}.contact h4{color:var(--hovered-color-links)}Header{align-items:center;-webkit-backdrop-filter:var(--blur-header);backdrop-filter:var(--blur-header);background-color:var(--fill-color-header);border-color:var(--outline-color);border-radius:var(--border-radius-standard);border-style:var(--outline-style);border-top-left-radius:0;border-top-right-radius:0;border-width:var(--outline-width);border-top:0;display:flex;justify-content:center;left:var(--left-header);padding-bottom:.5vw;padding-top:.5vw;position:fixed;right:var(--right-header);top:0;z-index:2}.header-wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.header-wrapper .section-links{align-items:center;display:flex;flex-wrap:wrap;gap:2vw;margin-left:4vw}.header-wrapper .section-links h4{margin:0}.header-wrapper .section-links a{position:relative;text-decoration:none;transition:transform var(--transition-time) ease,color var(--transition-time) ease}.header-wrapper .section-links a:hover{transform:scale(var(--transform-scale))}.header-wrapper .section-links a:after{background-color:var(--text-color);border-radius:var(--main-border-radius);bottom:0;content:"";height:.15vw;left:50%;position:absolute;transform:translateX(-50%);transition:width var(--transition-time) ease,background-color var(--transition-time) ease;width:0}.header-wrapper .section-links a.active{color:var(--hovered-color-links);font-weight:700}.header-wrapper .section-links a.active .svg{color:var(--hovered-color-links)}.header-wrapper .section-links a.active:hover{color:var(--hovered-color-links);transform:scale(var(--transform-scale))}.header-wrapper .section-links a.active:after{background-color:var(--hovered-color-links);width:100%}.header-wrapper .small-contact{align-items:center;display:flex;gap:1vw;margin-left:auto;margin-right:4vw;margin-top:.5%}.header-wrapper .small-contact .svg{height:auto;width:2.5vw}.header--logo{height:auto;margin-top:5%;width:10vw}.featured-project .thumbnail.SnailsAndPotions{box-shadow:hsla(95,22%,36%,var(--box-shadow-opacity-thumbnail)) var(--box-shadow-width-thumbnail)}.featured-project .thumbnail.BFG{box-shadow:hsla(0,0%,48%,var(--box-shadow-opacity-thumbnail)) var(--box-shadow-width-thumbnail)}.featured-project .thumbnail.GetCooked{box-shadow:hsla(29,21%,47%,var(--box-shadow-opacity-thumbnail)) var(--box-shadow-width-thumbnail)}.featured-work-text{position:relative}.project-tags{display:flex;gap:.2vw}.project-tags .tag{border-radius:var(--border-radius-small);padding:var(--padding-small);white-space:nowrap;width:-webkit-fit-content;width:fit-content}.rewards-container{display:flex;gap:3%;justify-content:flex-end;position:absolute}.rewards-container .reward-img{position:relative;width:5vw}.rewards-container .reward-img:before{background:rgba(0,0,0,.683);border-radius:50%;content:"";filter:blur(6px);height:110%;left:-5%;position:absolute;top:0;width:110%}.rewards-container img{position:relative}.button-link-container{display:flex;flex-direction:row;gap:5%;justify-content:left}.button-link-container svg{height:auto;width:5vw}:root{--box-shadow-width-thumbnail:0vw 0vw 10vw;--box-shadow-opacity-thumbnail:0.2}.featured-work h2{text-align:center}.featured-work .highlight{color:var(--hovered-color-links)}.featured-project h3,.featured-project h4{margin:0}.featured-project{grid-gap:1%;display:grid;gap:1%;margin-bottom:2vw;outline:var(--outline-width) var(--outline-style) var(--outline-color);position:relative}.featured-project.odd{grid-template-columns:2fr 3fr}.featured-project.odd .img-button-container{order:2}.featured-project.odd .text-container{order:1}.featured-project.even{grid-template-columns:3fr 2fr}.featured-project.even .img-button-container{order:1}.featured-project.even .text-container{order:2}.featured-project .img-button-container{align-content:center;height:-webkit-fit-content;height:fit-content;position:relative;width:100%}.featured-project .thumbnail{align-content:center;border-radius:var(--border-radius-large);height:auto;transition:all var(--transition-time) ease;width:100%}.featured-project .img-button-container:hover .thumbnail{filter:var(--hovered-brightness-cards)}.featured-project .text-container{align-content:center}.featured-project .img-button-container .project-tags{flex-direction:column;margin:1vw;position:absolute}.featured-project.odd .img-button-container .project-tags{left:0;top:0}.featured-project.even .img-button-container .project-tags{align-items:flex-end;right:0;top:0}.featured-project .img-button-container .date,.featured-project .img-button-container .project-tags .tag{background-color:var(--fill-color-project-tags-thumbnail)}.featured-project .img-button-container .date{border-radius:var(--border-radius-small);margin:1vw;padding:var(--padding-small);position:absolute}.featured-project.odd .img-button-container .date{bottom:0;left:0}.featured-project.even .img-button-container .date{bottom:0;right:0}.featured-project .rewards-container{margin:var(--margin-standard);right:0;top:0}.featured-project .button-link-container svg{height:auto;width:5vw}.featured-project .click-me-button{-webkit-backdrop-filter:var(--blur-buttons);backdrop-filter:var(--blur-buttons);background-color:var(--fill-color-header);border-radius:var(--border-radius-small);height:auto;left:50%;padding:var(--padding-small);position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:7%;z-index:1}.featured-project .img-button-container:hover{cursor:pointer}.featured-project .img-button-container:hover .click-me-button{color:var(--hovered-color-links);transform:translateX(-50%) translateY(-50%) scale(var(--transform-scale))}@media(max-width:600px){.featured-project.even,.featured-project.odd{grid-template-columns:1fr}.featured-project.odd .img-button-container{order:1}.featured-project.even .img-button-container,.featured-project.odd .featured-work-text{order:2}.featured-project.even .featured-work-text{order:1}}.project-grid{grid-gap:2vw;display:grid;gap:2vw;grid-template-columns:1fr 1fr 1fr}.project-grid .project{background-color:var(--fill-color-grid-sections);border-radius:var(--border-radius-standard);overflow:hidden;position:relative;transition:all var(--transition-time) ease;width:100%}.project-grid .project:hover{cursor:pointer;transform:scale(var(--transform-scale))}.project-grid .project:hover img{filter:var(--hovered-brightness-cards)}.project-grid .project img{border-radius:0;height:auto;transition:all var(--transition-time) ease;width:100%}.project-grid .project .text{padding:.3vw}.project-grid .project .title{font-weight:700}.project-grid .project .date{font-size:var(--p1)}.project-grid .project .project-tags{left:0;opacity:0;padding:1vw;position:absolute;top:0;transition:opacity var(--transition-time) ease}.project-grid .project .project-tags .tag{background-color:var(--fill-color-project-tags-thumbnail)}.project-grid .project:hover .project-tags{opacity:1}.project-grid .project .click-me-button{border-radius:var(--border-radius-small);bottom:0;height:auto;margin:var(--margin-standard);padding:var(--padding-small);position:absolute;right:0;width:10%}.project-grid .project:hover .click-me-button{color:var(--hovered-color-links);transform:none}@media(max-width:600px){.project-grid{grid-template-columns:1fr 1fr}}.short-intro{grid-gap:1vw;display:grid;gap:1vw;grid-template-columns:2fr 3fr;margin-top:1vh}.short-intro .title{margin:0}@media(max-width:600px){.short-intro{grid-template-columns:1fr}.short-intro>div:first-child{order:1}.short-intro>div:last-child{order:-1}}.snails-and-potions .Trailer{margin-top:2%}.Amugen .Trailer{cursor:default;margin-top:3%}.vulkan .Trailer{cursor:default;margin-top:1%}.video-container{align-items:left;display:flex;gap:3vw;margin-left:5%;margin-right:5%;margin-top:2%}.video-container-left{flex-direction:row}.video-container-left .video-description,.video-container-right .video-description{margin-top:2%}.video-container-right{flex-direction:row-reverse}.Raymarcher .Fractals,.Raymarcher .FractalsRotated,.Raymarcher .SphereBox,.Raymarcher .SphereBoxShow{border-color:var(--main-border-color);border-radius:var(--main-border-radius);border-style:var(--main-border-style);border-width:var(--main-border-width);box-shadow:var(--box-shadow-default);height:auto;width:31%}.Raymarcher .SphereBoxShow{margin-top:1%}.Raymarcher .FractalsRotatedShow,.Raymarcher .FractalsShow{margin-left:2.5%;width:31%}.PhysicsPrediction .prediction-gif,.Raymarcher .FractalsRotatedShow,.Raymarcher .FractalsShow{border-color:var(--main-border-color);border-radius:var(--main-border-radius);border-style:var(--main-border-style);border-width:var(--main-border-width);box-shadow:var(--box-shadow-default);height:auto}.PhysicsPrediction .prediction-gif{margin-top:var(--margin-titles);width:100%}.SouperHero .Trailer{margin-top:3%}.Tectonic .big{border-color:var(--main-border-color);border-radius:var(--main-border-radius);border-style:var(--main-border-style);border-width:var(--main-border-width);box-shadow:var(--box-shadow-default);display:block;height:auto;margin-left:auto;margin-right:auto;margin-top:2%;width:50%}.Tectonic .container{grid-gap:2vw;align-content:center;display:grid;gap:2vw;grid-template-columns:repeat(3,1fr)}.Tectonic .column{align-items:center;display:flex;flex-direction:column;text-align:center}.Tectonic .img{border-color:var(--main-border-color);border-radius:var(--main-border-radius);border-style:var(--main-border-style);border-width:var(--main-border-width);box-shadow:var(--box-shadow-default);margin-bottom:3%;margin-top:2%;width:100%}.Foodwars-Container{display:flex;flex-wrap:wrap;gap:3%}.Foodwars-Container img{height:auto;margin-top:1vw;width:48%}.Media-Next-To-Text,.SightWedgeInitial{display:flex;flex-direction:row;gap:3vw}.Media-Next-To-Text{align-items:flex-start}.Media-Next-To-Text img,.Media-Next-To-Text video{height:auto;width:30vw}.Title-Next-To-Title{display:flex;gap:3vw;width:100%}.Title-Next-To-Title p{width:50%}.Img-Next-To-Img{align-items:flex-start;display:flex;flex-direction:row;gap:3vw}.Img-Next-To-Img img{display:block;height:auto;width:50%}.Code-Snippet{margin-top:1vw;width:100%}:root{--padding-project-card-top:4%;--padding-project-card-bottom:4%;--margin-project-card-top:3.5%;--margin-project-card-bottom:3.5%}.projects{margin-left:var(--margin-text);margin-right:var(--margin-text)}.card-popup-window{color:var(--text-color);left:0;position:absolute;top:0}.card-popup-window .background{align-items:flex-start;background-color:var(--description-overlay-color);display:flex;height:100%;justify-content:center;opacity:0;overflow-y:auto;position:fixed;top:0;transition:opacity var(--time-project-card-transition) ease;width:100%;z-index:3}.card-popup-window.active .background{opacity:1}.card-popup-window .background .card{background-color:var(--body-background-color);border-radius:var(--border-radius-large);box-sizing:border-box;margin-bottom:3.5%;margin-bottom:var(--margin-project-card-bottom);margin-top:3.5%;margin-top:var(--margin-project-card-top);padding:var(--padding-project-card-top) var(--padding-project-card-sides) var(--padding-project-card-bottom);position:relative;transform:scale(0);transition:transform var(--time-project-card-transition) ease;width:var(--width-project-card)}.card-popup-window.active .background .card{transform:scale(1)}.card-popup-window .card h1{margin:0}.card-popup-window .card .header{align-items:center;display:flex}.card-popup-window .card .header .cross-button{height:auto;margin-left:auto;width:8%}.card-popup-window .card .links-tags-date{align-items:center;display:flex;margin-top:1vw}.card-popup-window .card .links-tags-date .tags-date{display:flex;flex-direction:row-reverse;gap:11%;margin-left:auto}.card-popup-window .card .links-tags-date .tags-date .date{background-color:var(--fill-color-project-tags-card);border-radius:var(--border-radius-small);padding:var(--padding-small);white-space:nowrap}.card-popup-window .card .links-tags-date .project-tags .tag{background-color:var(--fill-color-project-tags-card)}:root{--card-title-color:var(--titles-color)}.card-popup-window .card h1,.card-popup-window .card h2,.card-popup-window .card h3,.card-popup-window .card h4,.card-popup-window .card h5{color:var(--titles-color);color:var(--card-title-color)}.skills-section{margin-left:var(--margin-text);margin-right:var(--margin-text)}.skills-section .header{align-items:flex-end;display:flex;flex-wrap:wrap;font-weight:semibold;margin-bottom:2vw;width:100%}.skills-section .header h2{margin-bottom:0}.skills-section .header .levels{background-color:var(--fill-color-grid-sections);border-radius:var(--border-radius-small);margin-left:auto;padding:var(--padding-small);text-align:right}.skills-section .header .levels .primary-legend{color:var(--highlight-color)}.skills{grid-gap:1vw;display:grid;gap:1vw;grid-template-columns:1fr 1fr;justify-content:center}.skills .section{background-color:var(--fill-color-grid-sections);border-radius:var(--border-radius-standard);box-shadow:var(--box-shadow-default);box-sizing:border-box;color:var(--text-color);padding:var(--padding-standard);width:100%}.skills .section .primary-elements{color:var(--highlight-color)}.skills h4{margin-top:0}@media(max-width:600px){.skills{grid-template-columns:1fr}}.download-resume-button{-webkit-backdrop-filter:var(--blur-buttons);backdrop-filter:var(--blur-buttons);background-color:var(--fill-color-grid-sections);border-radius:var(--border-radius-small);padding:var(--padding-small);transition:transform var(--transition-time) ease,color var(--transition-time) ease}.download-resume-button:hover{transform:scale(var(--transform-scale))}.about{margin-bottom:0;margin-left:var(--margin-text);margin-right:var(--margin-text)}.about-content{align-items:flex-start;display:flex}.about-left{align-items:center;box-shadow:var(--box-shadow-default);display:flex;flex-direction:column;height:auto;margin-right:1vw;width:50%}.about-left .svg{width:100%}.about-left img{height:auto;margin-bottom:1vw;width:100%}.about-left a p{text-align:center}.about-text a{margin-left:.3vw;margin-right:.3vw}.epilogue{margin-bottom:26vw;margin-left:var(--margin-text)}@font-face{font-family:suse;src:url(/static/media/SUSE-Regular.5330b1a28f10d7e25116.ttf)}:root{--base-font-size:1.2vw;--font-scale:1.25;--p:var(--base-font-size);--p1:calc(var(--p)/var(--font-scale));--h5:calc(var(--p)*var(--font-scale));--h4:calc(var(--h5)*var(--font-scale));--h3:calc(var(--h4)*var(--font-scale));--h2:calc(var(--h3)*var(--font-scale));--h1:calc(var(--h2)*var(--font-scale));--bottom-margin-scale:2;--margin-h1:4vw;--margin-h2:3vw;--margin-h3:2vw;--margin-h4:1vw;--margin-h5:0.5vw;--outline-width:0vw;--outline-style:solid;--base-radius-size:0.5vw;--border-radius-scale:2;--border-radius-standard:var(--base-radius-size);--border-radius-small:calc(var(--border-radius-standard)/var(--border-radius-scale));--border-radius-large:calc(var(--border-radius-standard)*var(--border-radius-scale));--base-padding-size:0.4vw;--padding-scale:2;--padding-standard:var(--base-padding-size);--padding-small:calc(var(--padding-standard)/var(--padding-scale));--padding-large:calc(var(--padding-standard)*var(--padding-scale));--base-margin-size:0.4vw;--margin-scale:2;--margin-standard:var(--base-margin-size);--margin-small:calc(var(--margin-standard)/var(--margin-scale));--margin-large:calc(var(--margin-standard)*var(--margin-scale));--margin-text:15vw;--width-project-card:80%;--left-header:13vw;--right-header:13vw;--padding-project-card-sides:9%;--body-background-color:#0c0c13;--description-overlay-color:#000000e6;--hovered-color-links:#9694ff;--text-color:#b8b1be;--outline-color:#000;--highlight-color:#ff2929;--fill-color-button:#fff3;--fill-color-project-tags-thumbnail:#000;--fill-color-project-tags-card:#ffffff1a;--fill-color-grid-sections:#ffffff0a;--fill-color-header:#0006;--titles-color:#8fa19a;--blur-header:blur(1rem);--blur-buttons:var(--blur-header);--hovered-brightness-cards:brightness(80%);--transition-time:0.3s;--transform-scale:1.1;--time-project-card-transition:0.5s;--mobile-phone-width:$mobile-phone-width}@media(max-width:600px){:root{--width-project-card:95%;--margin-text:2vw;--left-header:1vw;--right-header:1vw;--padding-project-card-sides:2%;--base-margin-size:0.1rem;--base-font-size:0.8rem}}body{align-items:center;background-color:#0c0c13;background-color:var(--body-background-color);color:#b8b1be;color:var(--text-color);display:flex;flex-direction:column;font-family:suse;justify-content:left}body.no-scroll{overflow:hidden}#about,#contact,#home,#projects,#skills{scroll-margin-top:6vw}html{scroll-behavior:smooth}h1{font-size:3.66211vw;font-size:var(--h1);margin-bottom:2vw;margin-bottom:calc(var(--margin-h1)/var(--bottom-margin-scale));margin-top:4vw;margin-top:var(--margin-h1)}h2{font-size:2.92969vw;font-size:var(--h2);margin-bottom:1.5vw;margin-bottom:calc(var(--margin-h2)/var(--bottom-margin-scale));margin-top:3vw;margin-top:var(--margin-h2)}h3{font-size:2.34375vw;font-size:var(--h3);margin-bottom:1vw;margin-bottom:calc(var(--margin-h3)/var(--bottom-margin-scale));margin-top:2vw;margin-top:var(--margin-h3)}h4{font-size:1.875vw;font-size:var(--h4);margin-bottom:.5vw;margin-bottom:calc(var(--margin-h4)/var(--bottom-margin-scale));margin-top:1vw;margin-top:var(--margin-h4)}h5{font-size:1.5vw;font-size:var(--h5);font-weight:400;margin-bottom:.25vw;margin-bottom:calc(var(--margin-h5)/var(--bottom-margin-scale));margin-top:.5vw;margin-top:var(--margin-h5)}p{margin:0}a,p{font-size:1.2vw;font-size:var(--p)}a{color:#b8b1be;color:var(--text-color);display:inline-block;font-weight:700;text-decoration:none;transition:color .3s ease;transition:color var(--transition-time) ease}a:hover{color:#9694ff;color:var(--hovered-color-links);cursor:pointer}svg{color:#b8b1be;color:var(--text-color);transition:transform .3s ease,color .3s ease;transition:transform var(--transition-time) ease,color var(--transition-time) ease}svg:hover{color:#9694ff;color:var(--hovered-color-links);cursor:pointer;transform:scale(1.1);transform:scale(var(--transform-scale))}img,video{border-radius:.5vw;border-radius:var(--border-radius-standard);height:auto;width:100%}.img-1{border-color:var(--main-border-color);border-radius:var(--main-border-radius);border-style:var(--main-border-style);border-width:var(--main-border-width);box-shadow:var(--box-shadow-default);margin-top:3%;width:31%}.img-2,.img-3{border-color:var(--main-border-color);border-radius:var(--main-border-radius);border-style:var(--main-border-style);border-width:var(--main-border-width);box-shadow:var(--box-shadow-default);margin-left:2.5%;width:31%}
/*# sourceMappingURL=main.b0643a60.css.map*/