@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Acme&family=Caveat&family=Fredoka&family=Fredoka+One&family=Indie+Flower&family=Roboto+Slab&family=Sacramento&family=Sansita+Swashed&family=Supermercado+One&display=swap);p{font-size:2.5vh}:root,p{color:#f7f0da}:root{--main-color:#ff8569;font-family:Roboto Slab}body{background-color:#221d1a;margin:0;overflow-x:hidden}.default-width{margin-left:auto;margin-right:auto;max-width:90vw}.App{height:100vh;margin:auto;overflow:clip auto;scroll-snap-type:y mandatory}.App>:not(nav,.Chapter){align-items:center;display:flex;margin:auto;max-height:100vh;min-height:100vh;scroll-snap-align:center}.List-style{background:#ffffff1a;border-radius:.3em;font-family:Fredoka;padding:.5em .5em .5em 1.5em;width:fit-content}.List-style>li{color:#ff8569}.List-style li::marker{color:#fff6}.List-style ul li{color:hsla(44,21%,66%,.639)}.Highlight{color:#ff8569;font-size:1.2em}.header-container{grid-gap:5vw;display:grid;gap:5vw;justify-items:center;width:100%}@media screen and (min-width:1100px){.header-container{align-items:center;display:flex;justify-content:center}}.header-intro-container{grid-gap:1vw;display:grid;font-size:3.5vw;gap:1vw;width:fit-content}.header-intro-container *{margin:0;padding:0}@media screen and (max-width:1100px){.header-intro-container{font-size:min(7vw,3rem)}}.header-intro-container>.name-header{-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(#ff947c,#ff7251);-webkit-background-clip:text;background-clip:text;color:#ff8569;cursor:default;font-family:Fredoka;font-size:1em;width:fit-content}@media (prefers-reduced-motion:no-preference){.header-intro-container>.name-header{animation:Fade-in 1.2s}}.header-intro-container>.name-header a:hover{background:#fff;-webkit-background-clip:text;background-clip:text;cursor:pointer}.header-intro-container>.below-header-name{align-items:flex-start;display:flex;justify-content:space-between;text-align:right;width:100%}@media screen and (max-width:40rem){.header-intro-container>.below-header-name{flex-direction:column-reverse;gap:1vw;text-align:left}}.header-intro-container>.below-header-name #links{gap:.6em}.header-intro-container>.below-header-name #links a{margin-top:4px}.header-intro-container>.below-header-name #links svg{height:.75em}.header-intro-container>.below-header-name>.header-description{color:#f7f0da;font-family:Fredoka;font-size:.5em}@media screen and (min-width:40rem){.header-intro-container>.below-header-name>.header-description{width:16em}}@media (prefers-reduced-motion:no-preference){.header-intro-container>.below-header-name>.header-description{animation:Fade-in 1.2s}}a{color:#ff5f5b;cursor:pointer;text-decoration:underline}a:hover{color:#fff}.App{text-align:center}.App>*{scroll-snap-align:center}.App-header{align-items:center;color:#d3d3d3;display:flex;flex-direction:row;font-size:calc(10px + 2vmin);justify-content:center;margin:0 2em}@media screen and (max-width:50rem){swiper-container img{max-width:100%}}@media screen and (min-width:50rem){swiper-container img{max-width:90%}}:has(>a svg){column-gap:.75em;display:flex;margin-top:.4em}@media (prefers-reduced-motion:no-preference){:has(>a svg){animation:Slide-in 1s backwards}}:has(>a svg) svg{fill:#f7f0da;float:left;height:30px;transition:.3s}:has(>a svg) svg:hover{fill:#ff8569;transform:scale(1.05);transition:.1s}.load-first{animation-play-state:paused!important}.avatar{-webkit-user-drag:none;border-radius:100%;image-rendering:-webkit-optimize-contrast;max-width:min(90%,400px);-webkit-user-select:none;user-select:none}@keyframes blur-in{0%{filter:blur(15px);opacity:20%;transform:scale(88%)}}@keyframes spin-enter{0%{transform:scale(0) rotate(-1turn)}}@keyframes wobble{0%{transform:rotate(3deg)}to{transform:rotate(-3deg)}}@keyframes scroll{0%{background-position:0 0}to{background-position:200% 200%}}.Canvas{animation:Fade-in 20s ease-in;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:-100}@keyframes Fade-from-black{0%{filter:brightness(0)}}@keyframes Slide-in{0%{column-gap:.2rem}}@keyframes Fade-in{0%{opacity:0}}@keyframes App-logo-jump{0%{bottom:0}to{bottom:80px}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(300deg)}}.App::-webkit-scrollbar{width:0}.text::-webkit-scrollbar{width:6px}.text::-webkit-scrollbar-thumb{background:#6e6e6e;border-radius:5px}.GalleryText{font-family:Fredoka;margin-top:1rem;text-align:center}.ImageGallery{-webkit-user-drag:none;align-items:center;display:flex;height:70vh;justify-content:space-between;margin:auto;-webkit-user-select:none;user-select:none;width:75%}.ImageGallery img{border-radius:.3vw;margin:0 -45%;max-height:100%;max-width:100%;object-fit:contain}.ImageGallery .left-button{height:100%;justify-content:start;position:relative;right:calc(3rem + 37.6px)}.ImageGallery .left-button .button-icon{transform:translateX(2rem)}.ImageGallery .right-button{height:100%;justify-content:end;left:calc(3rem + 37.6px);position:relative}.ImageGallery .right-button .button-icon{transform:translateX(-2rem)}.ImageGallery .button{align-items:center;background-color:#0000;cursor:pointer;display:flex;min-width:45%;z-index:1}.ImageGallery .button:hover .button-icon{color:#ff8569;transform:translateX(0);transition:.2s ease-in-out}.ImageGallery .button-icon{color:#f7f0da;font-size:2rem;font-weight:700;padding:0 1rem;transition:.2s ease-in-out}.ImageGallery .swiper img{border-radius:.3vw;max-height:100vh;max-width:100%;object-fit:cover}.Chapter{margin:0 auto;max-width:95%;text-align:start}.Chapter .Chapter-header{border-bottom:2px solid #ffffff26;margin-bottom:3rem;padding-bottom:2rem}.Chapter .Chapter-content{align-content:center;min-height:100vh}.Chapter .Chapter-header-text{color:#f7f0da;cursor:pointer;display:block;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:2.5rem;text-transform:capitalize;width:100%}.Chapter-header-text:before{color:#0000;content:"#";left:-.75em;position:relative;transition:.2s}.Chapter-header-text:hover:before{color:#ff8569;left:-.1em;transform:translateX(20px);transition:.2s}.LineSegment{align-items:center;border-top:.1em dashed #80808080;display:flex;justify-content:center;margin:1em auto 0;width:90%}.LineSegment p{background-color:#000;bottom:.6em;color:#80808080;font-size:.8em;font-style:italic;font-weight:700;padding:0 .5em;position:relative}nav{background-color:color-mix(in srgb,#221d1a 93%,#fff);display:flex;position:fixed;width:100%;z-index:1000}nav a{color:#f7f0da;font-family:sans-serif;font-size:1.2rem;font-weight:700;padding:2vh 1em;text-decoration:none}nav a:hover{background-color:color-mix(in srgb,color-mix(in srgb,#221d1a 93%,#fff) 85%,#000)}.ScrollText{height:-webkit-fill-available;margin:2em 0;overflow-x:visible;overflow-y:scroll}.Side{align-items:center;display:flex;flex-direction:row;height:400px}.ScrollText::-webkit-scrollbar{width:10px}.ScrollText::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-corner{background-color:initial}.ScrollText::-webkit-scrollbar-thumb{background-color:#80808040;border-radius:1em}.ScrollText::-webkit-scrollbar-thumb:hover{background:#555}.ExperienceSection{background-color:rgba(255,131,92,.188);border-radius:.3em;display:grid;justify-content:center;width:max-content}.ExperienceSection :has(>.TagGroup){align-items:center;display:flex;flex-direction:row}.ExperienceSection .TagGroup{display:flex;flex-direction:row;padding:.6em}.ExperienceSection .TagGroup .Tag{border-radius:.3em;box-shadow:3px 2px 2px 1px rgba(0,0,0,.239);cursor:default;font-family:monospace;font-size:1rem;height:fit-content;margin-right:1em;min-width:2em;padding:.3em .5em;width:fit-content}swiper-container{height:100%;max-width:-webkit-fill-available}.project-container{color:#ff8569;cursor:default;display:flex;font-family:Arial,sans-serif;margin:auto;max-height:100%}.project-container .game-image{anchor-name:--anchor-el;border-radius:.3rem;box-shadow:4px 4px 20px -6px #00000040}@media only screen and (max-width:1000px){.project-container .game-image{margin:0 auto;max-height:47vh;max-width:100%;width:fit-content}}@media only screen and (min-width:1000px){.project-container .game-image{max-width:100%;width:100%}}.project-container .text-section{display:flex;flex-direction:column;gap:10px;overflow-y:hidden;text-align:start}.project-container .text-section>.text{display:flex;flex-direction:column;gap:10px;overflow-y:auto;text-align:start}.project-container .text-section>*{margin:0!important}.project-container :first-letter{text-transform:capitalize}.project-container h2{margin-top:0;text-transform:uppercase}.project-container p{font-size:inherit;margin:0}.project-container .tags{display:flex;flex-wrap:wrap;gap:6px}.project-container .tags .divider{border:1px solid #ffffff1a;margin:0 .2em}.project-container .tags .role-tag{background:#718bbd}.project-container .tag{background-color:#d9534f;border-radius:5px;color:#fff;display:inline-block;padding:4px 8px;text-transform:capitalize}.project-container ul{grid-gap:5px;display:grid;gap:5px;list-style-type:none;padding-inline:0}.project-container ul>p{margin:5px 0}.project-container ul>li{background-color:rgba(0,0,0,.141);border-radius:.2em;padding:.3em}.project-container ul>li.expanded{background-color:rgba(0,0,0,.153)}.project-container ul>li.expandable{cursor:pointer}.project-container ul>li.expandable:not(.expanded)>svg{rotate:180deg}.project-container ul>li>span:before{content:"•";padding-right:.5em}.project-container ul>li>svg{stroke:#ff8569;float:right;height:1em;margin:1px;width:auto}.project-container ul>li>svg>path{fill:#ff8569}.project-container .download{position-anchor:--anchor-el;bottom:anchor(96%);font-size:.95em;font-style:italic;gap:1.25em;position:absolute;right:anchor(97%);z-index:1000}.project-container .download a{color:#337ab7}.project-container .download svg{filter:drop-shadow(0 0 4px black)}.project-container .sub-sections-menu{display:flex;flex-direction:row;font-weight:700;gap:0;margin-bottom:.4em}.project-container .sub-sections-menu svg{fill:#ff8569;height:1.2em}.project-container .sub-sections-menu .active{fill:gray;color:gray}.project-container .sub-sections-menu>*{padding:.3em 1em}.project-container .sub-sections-menu>:not(:first-child){border-left:2px solid #ffffff1a}.project-container .sub-sections-menu>:hover:not(.active){fill:color-mix(in srgb,#ff8569 45%,#fff);color:color-mix(in srgb,#ff8569 45%,#fff);cursor:pointer}.project-container>*>*{gap:2vw}@media only screen and (max-width:1000px){div:has(>swiper-container){max-width:96vw}.project-container>*{padding:5px 5px 4vh}.project-container>*>*{display:flex;flex-direction:column;max-height:100%}}@media only screen and (min-width:1000px){div:has(>swiper-container){max-width:calc(-30px + 96vw)}.project-container>*{padding:5vh 4vw}.project-container>*>*{display:grid;max-height:31.5vw}}@media only screen and (min-width:1000px) and (min-width:1000px){.project-container>*>*{grid-template-columns:2fr 1fr}}@media only screen and (min-width:1000px) and (max-width:1000px){.project-container>*>*{grid-template-rows:2fr 1fr}}
/*# sourceMappingURL=main.9218efeb.css.map*/