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}body{background-color:#1e1e1e}.first-page{align-items:center;display:grid;height:100svh;justify-content:center;padding:0;position:relative;width:100%}.header{color:#fff;display:block;text-align:center}.header-name{display:block;font-size:40px;margin-bottom:7px}.header-title{font-size:30px;font-weight:700}.header,.header-position{-webkit-filter:drop-shadow(0 5px 2px rgba(0,0,0,.7));filter:drop-shadow(0 5px 2px rgb(0 0 0/.7))}.header-position{display:block;font-size:25px;margin-bottom:75px}.nav ul{display:flex;justify-content:center;list-style-type:none;padding:0}.nav ul li:not(:last-child){margin-right:10px}.nav ul li{border-radius:100px;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.1);color:#fff;cursor:pointer;font-size:18px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:5px 20px;-webkit-user-select:none;user-select:none}.toast{height:0;position:absolute;width:0}.nav ul li:first-child{background-color:#515aac}.nav ul li:nth-child(2){background-color:#51ac86}.nav ul li:nth-child(3){background-color:#ac5151}.linkedIn{align-items:center;align-self:center;background-color:#1e1e1e;border-radius:20%;cursor:pointer;float:right;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding:3px;position:absolute;right:30px;top:30px;vertical-align:middle;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.linked-img{display:block;margin:auto;text-align:center;width:45px}.arrow-down:hover{cursor:pointer}.arrow-down{background-color:#242424;border-radius:50%;color:#fff;-webkit-filter:drop-shadow(0 3px 2px rgba(0,0,0,.7));filter:drop-shadow(0 3px 2px rgb(0 0 0/.7));height:50px;left:50%;position:absolute;top:50%;transform:translate(-50%,180px);-webkit-transform:translate3d(-50%,180px,0);width:50px}.arrow-down img{display:block;left:50%;margin:auto;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate3d(-50%,-50%,0)}.bottom-blob{-webkit-filter:drop-shadow(0 -10px 2px rgba(0,0,0,.1));filter:drop-shadow(0 -10px 2px rgb(0 0 0/.1));margin-bottom:-1px}.bottom-arrow,.bottom-blob{bottom:0;max-width:80%;right:0}.bottom-arrow,.bottom-blob,.top-blob{display:flex;max-height:100vh;position:absolute;z-index:-1}.top-blob{-webkit-filter:drop-shadow(3px 10px 2px rgba(0,0,0,.1));filter:drop-shadow(3px 10px 2px rgb(0 0 0/.1));-webkit-filter:blur(2px);filter:blur(2px);max-width:75%;top:0}.iframe-cali{background-color:#fff}.email{margin-left:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contact-modal{border:5px solid #000;border-radius:20px;color:#fff;-webkit-filter:drop-shadow(3px 10px 2px rgba(0,0,0,.7));filter:drop-shadow(3px 10px 2px rgb(0 0 0/.7));left:50%;max-width:95%;padding:20px;position:fixed;top:20%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:200px}.background-fade,.contact-modal{background-color:#242424;display:none}.background-fade{filter:blur(1px);-webkit-filter:blur(1px);height:100vh;left:0;opacity:.6;position:absolute;top:0;width:100%}.contact-close{background-color:#242424;border-radius:20px;display:grid;-webkit-filter:drop-shadow(3px 10px 2px rgba(0,0,0,.7));filter:drop-shadow(3px 10px 2px rgb(0 0 0/.7));float:right;margin-top:20px;padding:10px 20px;transition:background-color 1s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contact-modal a{color:#fff}.contact-close:hover{background-color:#474747;cursor:pointer}.second-page{align-items:center;display:flex;justify-content:center;min-height:100svh;padding:0;position:relative;width:100%}.second-page-container{height:auto;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bottom-blob-newest-project{-webkit-filter:drop-shadow(0 -10px 2px rgba(0,0,0,.1));filter:drop-shadow(0 -10px 2px rgb(0 0 0/.1));left:0;max-height:100vh;max-width:80%;position:absolute;top:0;-webkit-transform:scaleX(-100%);transform:scaleX(-100%);-webkit-transform:scaleY(-100%);transform:scaleY(-100%);-webkit-transform:rotate(180deg);transform:rotate(180deg);z-index:-1}.loading{font-weight:700;grid-column:span 3}.loading,.project-title{color:#fff;display:block;text-align:center}.project-title{-webkit-filter:drop-shadow(0 5px 2px rgba(0,0,0,.7));filter:drop-shadow(0 5px 2px rgb(0 0 0/.7));font-size:40px;margin-top:150px}.project-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr 1fr;margin-top:80px}@media only screen and (max-width:1450px){.project-grid{grid-template-columns:1fr 1fr}.project-title{margin-bottom:60px;margin-top:200px}}@media only screen and (max-width:900px){.project-grid{grid-template-columns:1fr}.project-title{margin-top:140px;text-align:center}}.project-card{background-color:#242424;border:2px solid #242424;border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);color:#fff;justify-content:space-around;margin:0 auto;padding:20px;position:relative;transition:background-color .2s ease-in-out;visibility:none;width:350px}.project-card h1{font-size:25px;margin-bottom:10px;margin-right:10px;margin-top:10px;padding:0}.project-card p{font-size:20px;line-height:1.7;margin-top:20px}.card-info{display:grid}.project-card .project-img,.project-card img{aspect-ratio:1;object-fit:contain;width:100%}.project-img{background-color:#6b6b6b;border-radius:20px;height:300px;margin-bottom:20px;width:300px}.loopFade{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:loopFade;animation-name:loopFade;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.project-card:hover{background-color:#474747;cursor:pointer}.see-more{border-radius:10px;bottom:0;color:#242424;float:right;font-weight:700;margin:10px;padding:3px 10px;position:absolute;right:0;text-align:end;-webkit-transform:scaleX(-100%);transform:scaleX(-100%);width:25px}.project-card:hover>.see-more{display:block}.desc-text{border-left:5px solid #5e5e5e;margin-top:0;padding:0 20px 20px;text-align:start;top:0}.fade-in{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:"forwards",;animation-fill-mode:"forwards",;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:fadeInOpacity;animation-name:fadeInOpacity;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:1}@-webkit-keyframes fadeInOpacity{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes fadeInOpacity{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@-webkit-keyframes loopFade{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}@keyframes loopFade{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}@media only screen and (max-width:750px){.project-card{margin:auto;width:80%}}@media only screen and (max-width:700px){.project-card p{font-size:15px}}.skills-used{align-items:center;display:flex;flex-wrap:wrap}.skills-used .skill-chip{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:5px 15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.skill-chip-blank,.skills-used .skill-chip{background-color:#6b6b6b;border-radius:6px;font-size:13px;margin:5px 0}.skill-chip-blank{height:30px;width:100px}.skill-chip-blank:not(:last-child),.skills-used .skill-chip:not(:last-child){margin-right:10px}.ProjectSelector{margin:0 0 30px;padding:0;position:-webkit-sticky;position:sticky;text-align:center}.ProjectSelector>div:hover{background-color:hsla(0,0%,100%,.2);cursor:pointer}.Selected{background-color:hsla(0,0%,78%,.5);border:2px solid #fff;color:#fff}.NotSelected{background-color:hsla(0,0%,100%,.1);border:2px solid transparent;color:#828282}.ProjectSelector>div{border-radius:10px;box-shadow:0 7px hsla(0,0%,100%,.05);display:inline-block;font-size:10px;font-weight:700;margin-top:20px;padding:10px 0;-webkit-user-select:none;user-select:none;width:100px}.ProjectSelector>div:not(:last-child),.filter{margin-right:10px}.filter{vertical-align:middle;width:30px}@media only screen and (max-width:800px){.ProjectSelector{margin:auto;width:65%}}.about-me-body{align-items:center;display:grid;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;min-height:100svh;position:relative}.about-me-blob-1{display:flex;max-height:100vh;max-width:80%;right:0;-webkit-transform:rotate(-100%);transform:rotate(-100%);-webkit-transform:scaleY(-100%);transform:scaleY(-100%)}.about-me-blob-1,.headerImage{position:absolute;top:0;z-index:-1}.headerImage{border-radius:100%;left:0;transform:translate(-50%,-50%);-webkit-transform:translate3d(-50%,-50%,0);width:80px}.i-am{-webkit-filter:drop-shadow(0 10px 5px rgba(0,0,0,.7));filter:drop-shadow(0 10px 5px rgba(0 0 0/.7))}.about-me-blob-2{bottom:0;display:flex;left:0;margin-bottom:-2px;max-height:100vh;max-width:80%;position:absolute;-webkit-transform:scaleX(-100%);transform:scaleX(-100%);z-index:-1}.about-me-desc h1{font-size:40px;margin:auto;width:50%}.about-me-desc{align-items:center;color:#fff;display:grid;justify-content:center;margin:auto;text-align:left;width:80%}.about-me-desc-2{margin:auto;width:50%}.about-me-desc-2 ul{border-left:5px solid #5e5e5e;list-style-type:none;padding-left:20px;text-align:left}.about-me-desc-2 ul li{border-radius:20px;font-size:20px;margin-top:20px;padding:5px 20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.game-dev{display:inline;white-space:nowrap}.arrow-down-abt-me:hover{cursor:pointer}.arrow-down-abt-me{background-color:#242424;border-radius:50%;color:#fff;-webkit-filter:drop-shadow(0 3px 2px rgba(0,0,0,.7));filter:drop-shadow(0 3px 2px rgb(0 0 0/.7));height:50px;margin:30px auto;width:50px}.arrow-down-abt-me img{display:block;left:50%;margin:auto;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate3d(-50%,-50%,0)}@media only screen and (max-width:1100px){.about-me-desc h1,.about-me-desc-2{width:80%}}@media only screen and (max-width:600px){.about-me-desc h1,.about-me-desc-2{width:80%}}@media only screen and (max-width:700px){.about-me-desc-2 ul li{font-size:15px}}.footer-body{height:200px;margin-top:150px;position:relative;width:100%}.footer-blob{bottom:0;display:flex;-webkit-filter:drop-shadow(0 -10px 2px rgba(0,0,0,.1));filter:drop-shadow(0 -10px 2px rgb(0 0 0/.1));max-height:100vh;max-width:80%;position:absolute;right:0;-webkit-transform:rotate(-100%);transform:rotate(-100%);z-index:-1}.arrow-to-top img{display:block;left:50%;margin:auto;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.arrow-to-top{background-color:#242424;border-radius:50%;box-shadow:0 -10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);color:#fff;height:50px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%) rotate(180deg);transform:translate(-50%) rotate(180deg);width:50px}.arrow-to-top:hover{cursor:pointer}.project-body{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:100vh;position:absolute;width:100%}.nav-back{align-items:center;background-color:#242424;border-radius:50%;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);display:flex;left:20px;position:fixed;top:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:2}.back-arrow{border-radius:100%;transition:background-color 1s ease-in-out;width:50px}.back-arrow:hover{background-color:#474747;cursor:pointer}.project-name{color:#fff;margin:0 20px 0 0;padding:0}.project-content{background-color:#242424bb;border-radius:50px;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);color:#fff;display:block;margin:100px auto auto;overflow:auto;padding:30px;width:65%}.project-blob{right:0;top:0;-webkit-transform:scaleY(-100%);transform:scaleY(-100%)}.bottom-blob-project,.project-blob{display:flex;-webkit-filter:drop-shadow(0 -10px 2px rgba(0,0,0,.7));filter:drop-shadow(0 -10px 2px rgb(0 0 0/.7));max-height:100vh;max-width:80%;position:absolute;z-index:-1}.bottom-blob-project{bottom:0;left:0;-webkit-transform:scaleX(-100%);transform:scaleX(-100%)}.long-desc{font-size:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.embeddable-iframe{background-color:#fff;height:1000px}.p-desc{display:block;font-size:1.5rem;line-height:2.8rem;margin-top:20px}@media only screen and (max-width:800px){.project-content{width:80%}}.media-slideshow{display:grid;float:left;grid-template-areas:"media" "controls";grid-template-columns:1fr;margin:20px 20px 20px auto;position:relative;width:50%}.media-left,.media-right{background-color:#242424;border-radius:100%;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);cursor:pointer;display:grid;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:10px;padding:10px;transition:background-color 1s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.media-left img{-webkit-transform:rotate(90deg);transform:rotate(90deg);width:20px}.media-left:hover,.media-right:hover{background-color:#474747}.media-right img{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:20px}.media-controls{display:flex;grid-area:controls}.media-source{aspect-ratio:1;background-color:#242424;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);grid-area:media;margin:auto;object-fit:contain;width:100%}.media-count{grid-area:count;margin:20px auto auto}.embeddable-iframe{width:100%}@media screen and (max-width:650px){.media-slideshow{width:100%}}.lazy-load-image-background.blur{-webkit-filter:blur(15px);filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{-webkit-filter:blur(0);filter:blur(0);transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}
/*# sourceMappingURL=main.0bea8f40.css.map*/