#root{margin:0;text-align:center;padding:0;background-color:var(--background-color)}.App{display:flex;background-color:var(--background-color)}.app-container{overflow-x:hidden;overflow-y:auto;width:100dvw;background-color:var(--background-color)}body{margin:0;background-color:var(--background-color)}p{background-color:transparent!important}:root{--main-color: black}.container.night-mode,.container.night-mode *,.container.night-mode ul,.container.night-mode ul li,.container.night-mode p{color:var(--main-color)}.container.night-mode *{background-color:var(--background-color)}.container.night-mode .about-details-list-item:after,.container.night-mode .experience-list-item:after{background-color:var(--main-color)}.container.day-mode,.container.day-mode *,.container.day-mode ul,.container.day-mode ul li,.container.day-mode p{color:var(--main-color)}.container.day-mode *{background-color:var(--background-color)}.container.day-mode .about-details-list-item:after,.container.day-mode .experience-list-item:after{background-color:var(--main-color)}button{border-radius:0;border:transparent;font-size:1em;font-weight:500;padding:.5rem 1.5rem;font-family:inherit;background-color:transparent!important;cursor:pointer}@media only screen and (max-width: 768px){button{padding:.5rem!important}}@font-face{font-family:Times Now Light;src:url(/assets/Untitled-Sans-Regular-93477f8c.ttf)}@font-face{font-family:Times Now Bold;src:url(/assets/Untitled-Sans-Regular-93477f8c.ttf)}.navigation-container{top:0vh;left:0;display:flex;justify-content:space-between!important;z-index:9999999;position:sticky;background:var(--background-color)!important;-webkit-backdrop-filter:saturate(140%) blur(5px);backdrop-filter:saturate(140%) blur(5px);text-align:left;margin:.2rem;margin-top:0}@media only screen and (max-width: 768px){.navigation-container{padding:.05rem .75rem!important;height:auto;justify-content:space-between}.button{padding:0rem!important}.github{padding-left:0!important}}.top-buttons{background-color:transparent!important}.about,.projects,.resume,.email{border:none;color:#000;font-size:.8rem;outline:none;font-family:Times Now Light;cursor:pointer;opacity:.5;margin-top:2vh}.about{padding-left:0vw!important}.wynnmo{border:none;border-color:transparent;color:#000;font-size:1.2rem;outline:none;font-family:Times Now Light;cursor:pointer;width:19.7vw;justify-content:flex-start;opacity:.5;text-align:left;padding-right:0vw}.linkedin,.github{border:none;border-color:transparent;background-color:transparent;color:#000;font-size:.8rem;outline:none;font-family:Times Now Light;cursor:pointer;opacity:1;left:0;display:flex;justify-content:left;padding-left:0;padding-top:0}.linkedin:hover,.github:hover{opacity:.5}.emoji{border-color:transparent;background-color:transparent;font-size:12px;position:relative;color:var(--main-color);width:8rem;height:4rem;display:inline-flex;align-items:center;justify-content:center;margin:0 auto}.emoji:hover{opacity:.5}.about:hover,.projects:hover,.resume:hover,.email:hover{opacity:1}.projects,.about{opacity:.3}.unclicked{color:var(--main-color);opacity:1!important}@media only screen and (max-width: 768px){.wynnmo{width:25vw}}@font-face{font-family:Times Now Light,sans-serif;src:url(/assets/Untitled-Sans-Regular-93477f8c.ttf)}@font-face{font-family:Times Now Bold,sans-serif;src:url(/assets/Untitled-Sans-Regular-93477f8c.ttf)}@font-face{font-family:Times Now ExtraLight,sans-serif;src:url(/assets/Untitled-Sans-Regular-93477f8c.ttf)}@font-face{font-family:USM;src:url(/assets/UntitledSans-Medium-e0acaa08.otf) format("opentype")}.container{display:flex;flex-direction:column;width:100vw;height:100dvh;overflow-y:auto;background-color:var(--background-color)}.about-container{display:flex;flex-direction:column;align-items:left;text-align:left;top:5%;left:1%;opacity:0;transition:opacity 5s ease-in-out;background-color:transparent!important}.about-container.fade-enter{opacity:1}.home-image-container{overflow-x:hidden;background:transparent;height:100dvh}.home-image-container img,.home-image-container video{-webkit-touch-callout:none;-webkit-user-select:none;-webkit-transform:translate3d(0,0,0);z-index:99999!important;position:absolute;cursor:pointer;display:block;margin:0 auto;background:transparent}.fade-in{opacity:1;transition:opacity .5s ease-in-out}.fade-out{opacity:0;transition:opacity .5s ease}.fade-in-robo{opacity:1;transition:opacity .5s ease-in-out}.fade-out-robo{opacity:0;transition:opacity .5s ease}.smiski1,.smiski2,.smiski3,.smiski4{z-index:9999!important;align-items:flex-start;background:transparent!important;filter:none;width:15vw;height:auto}.background-text-highlight{display:inline-block;justify-content:left;user-select:none;background-color:var(--main-color)!important;border-radius:20px;text-align:left;position:relative;font-family:Times Now Light;font-size:.9rem;margin-top:0;margin-bottom:1.5vh;padding:.5vh 10px;color:var(--background-color)!important;width:fit-content;cursor:pointer}.see-more{display:inline-block;justify-content:left;user-select:none;background-color:var(--main-color)!important;border-radius:20px;text-align:left;position:relative;font-family:Times Now Light;font-size:.9rem;margin-top:1vh;padding:.5vh 10px;margin-bottom:6vh;color:var(--background-color)!important;width:fit-content;cursor:pointer}.about-title{justify-content:left;user-select:none;background-color:transparent;align-items:left;text-align:left;position:relative;bottom:0px;font-family:Times Now Light;font-size:2rem;margin-bottom:0}.about-title-large{justify-content:left;user-select:none;background-color:transparent;align-items:left;text-align:left;position:relative;font-family:Times Now Light;font-size:1.4rem;margin-top:5%;opacity:60%;margin-bottom:0}.about-subtitle{justify-content:left;user-select:none;background-color:transparent;align-items:left;text-align:left;position:relative;font-family:Times Now Light;font-size:1.4rem;margin-top:0;padding-top:2vh;margin-bottom:0}.about-body{justify-content:left;user-select:none;background-color:transparent;align-items:left;text-align:left;position:relative;font-family:Times Now Light;font-size:.9rem;margin-top:0;padding-top:1vh;margin-bottom:1.5vh;opacity:70%}.footer{font-family:Times Now Light;font-size:.9rem;margin-top:0;height:fit-content;margin-bottom:0;padding-bottom:2px;padding-top:0;opacity:60%}.emoji{font-family:Times Now Light;font-size:.9rem;margin-top:0;width:80%;position:relative;top:0;height:6vh;margin-bottom:0;padding-bottom:3vh;padding-top:0;opacity:60%}.about-caption{justify-content:left;user-select:none;background-color:transparent;align-items:left;text-align:left;position:relative;font-family:USM!important;font-size:1.2rem;margin-top:0;padding-top:5vh;margin-bottom:2vh}.ardemo{width:15vw;height:auto;position:relative;border-radius:5px}.about-buttons{justify-content:left;align-items:left;text-align:left;display:flex;flex-direction:column;margin-top:0;left:0;padding-left:0}.argraphic{width:15vw;height:auto;position:relative;padding-bottom:0;margin:0 auto}.arreality{width:15vw;position:relative;align-items:center;border-radius:5px}.arposter{width:15vw;position:relative;align-items:center;border-radius:12px;margin-top:4vh}.about-video{width:15vw;position:relative;align-items:center;border-radius:5px}.about-title-box{z-index:0;bottom:0;position:relative;background-color:transparent}.hover-text{cursor:pointer;text-decoration:underline}.hover-image{display:none;max-width:300px;margin-top:10px}@keyframes lineAnimation{0%{width:0}to{width:95%}}.about-details{margin-top:0;font-family:Times Now ExtraLight;font-size:13px;width:100%;color:#000;text-align:justify;opacity:0;transition:opacity .5s ease-in-out}.fade-in-about-details{opacity:1}.about-details-container{display:flex;flex-direction:column;z-index:1;margin-top:2%;position:relative;align-items:flex-start}.about-details-bar{max-width:2px;width:100%;background-color:#000;margin-right:10px}.about-details-list{justify-content:flex-start;align-items:flex-start;display:flex;padding:0;margin:0;width:100%}.about-details-list-item{display:flex;align-items:flex-start;margin-bottom:10px;font-family:Times Now Bold;font-size:13px;padding-right:15px;opacity:.5;border:none;background-color:transparent;cursor:pointer;position:relative;width:fit-content}.experience-container{display:flex;flex-direction:column;max-width:436px;width:100%;align-items:center;text-align:justify;margin-top:0;opacity:0;transition:opacity .5s ease-in-out}.fade-in-experience-container{opacity:1}.experience-list{display:flex;list-style-type:none;margin:0;padding-left:0;flex-direction:row;padding-bottom:12px;justify-content:flex-start;align-items:flex-start;width:100%}.experience-list-item{font-family:Times Now Light;margin-top:0;opacity:.5;padding-top:0;padding-right:15px;font-size:13px;color:#000;border:none;background-color:transparent;cursor:pointer;transition:opacity .5s ease-in-out;position:relative;text-decoration:none}.experience-details-container{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;opacity:0;transition:opacity .5s ease-in-out}.fade-in{opacity:1}.experience-details-title{margin-top:0;font-family:Times Now Bold;font-size:13px;color:#000;width:100%;margin-bottom:0;text-align:left}.experience-details-date{margin-top:0;font-family:Times Now ExtraLight;font-size:11px;color:#000;width:100%;text-align:left;margin-bottom:15px}.experience-details-item-container{list-style-type:disc;padding:0;margin:0 0 10px 13px}.experience-detail-item{font-family:Times Now ExtraLight;font-size:13px;color:#000;margin-bottom:3px}.selected-experience,.selected-about{opacity:1}.site-from-scratch{font-family:Times Now ExtraLight;font-size:13px;color:var(--main-color);bottom:50px;left:39px;margin-bottom:0%;opacity:.5;position:fixed}.home-details-container{overflow-x:hidden;opacity:1;display:flex;flex-direction:column;transition:opacity 2s ease-in-out;background:transparent;padding-right:15vw;flex:1;top:4vh}.home-details-inner{position:relative;display:flex;z-index:0;opacity:0;top:2vh;transition:opacity 1s ease-in-out}.home-details-inner:after{content:"";background:linear-gradient(to bottom,var(--background-color),transparent)!important}.home-details-inner.fade-enter{opacity:1}.home-container{display:flex;flex-direction:row;align-items:flex-start;margin-bottom:0;top:0;z-index:3}.smiski-images{width:20vw;display:flex;top:10vh;height:max-content;position:sticky;background:transparent!important;z-index:999999}.arrow{font-family:-apple-system,BlinkMacSystemFont,helvetica neue,helvetica,arial,sans-serif!important}.image-array-columns{display:flex;position:relative;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:10px;flex-wrap:wrap}@keyframes text-shadow-fade-in{0%{text-shadow:0 0 0 rgba(var(--main-color),0)}to{text-shadow:0 0 17px var(--main-color)}}@media only screen and (max-width: 768px){.smiski1,.smiski2,.smiski3,.smiski4{z-index:99999999!important;background:transparent!important;width:50vw}.smiski-images{padding-bottom:0;width:fit-content;position:relative;top:1vh;justify-content:center;margin:0 auto}.about-caption{padding-top:2vh;margin-bottom:2vh}.about-title{font-size:1.2rem;margin-bottom:1vh}.home-details-container{padding-left:1.5rem;padding-right:1.5rem}.home-details-inner{flex-direction:column}.ardemo,.arreality{width:20vw}.see-more{margin-top:.5vh;margin-bottom:5vh}.about-subtitle{padding-top:1.5vh}.argraphic{width:60vw}}.list-container{counter-reset:rowNumber}.list-container{display:flex;flex-direction:column;width:100%;padding:1.2rem;box-sizing:border-box;padding:0}.list-row{display:flex;flex-direction:row;justify-content:space-between;padding:.08rem 0;cursor:pointer;transition:opacity .2s ease;position:relative;opacity:.5}.list-row:hover{opacity:1!important}.list-row:before{width:2vw;text-align:left;content:counter(rowNumber) "  ";counter-increment:rowNumber;font-family:Times Now Light;font-size:1rem;margin-right:.5rem;font-weight:400;opacity:1;flex:0 0 auto;padding-left:0;margin-left:0}.list-title{font-family:Times Now Light;font-size:1rem;flex:1;text-align:left;opacity:1}.list-tech{font-family:Times Now Light;font-size:1rem;opacity:.5;flex:1;text-align:right}.list-caption{font-family:Times Now Light;font-size:1rem;text-align:right;opacity:.5;flex:0 0 auto}@media screen and (max-width: 756px){.list-row{flex-direction:column;align-items:flex-start;opacity:1;padding-bottom:4vh}.list-container{width:88vw;margin:0 auto}.list-row:before{content:""}.list-title{margin-bottom:.2rem;text-decoration:none}.list-tech{text-align:left;opacity:.5;width:100%}.list-caption{text-align:left;margin-top:.2rem}.image-modal{width:80%}}.image-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);height:auto;display:flex;z-index:1000;pointer-events:none;background:transparent!important;justify-content:center;align-items:center;background-color:transparent;color:transparent}.image-modal img{height:auto;border-radius:5px;width:70%;object-fit:contain;background:transparent;color:transparent;background-color:transparent}@font-face{font-family:Times Now Light;src:url(/assets/Untitled-Sans-Regular-93477f8c.ttf)}@font-face{font-family:Times Now Bold;src:url(/assets/Untitled-Sans-Regular-93477f8c.ttf)}@font-face{font-family:Times Now ExtraLight;src:url(/assets/Untitled-Sans-Regular-93477f8c.ttf)}.grid-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));justify-content:start;overflow-x:hidden;width:100%;overflow-y:hidden;height:auto;padding-top:1rem;box-sizing:border-box;background-color:transparent;padding-bottom:2vh;gap:2vw;padding-top:0}.grid-list-item img{width:100%;height:100%;flex-shrink:0;display:flex;border-radius:5px;justify-content:flex-start;align-items:flex-start;object-fit:cover;margin-top:0;cursor:pointer;transition:opacity .2s ease}.grid-list-item{display:flex;flex-direction:column;font-family:Times Now Light;font-size:10px;position:relative;cursor:pointer;width:100%;height:13rem;margin-bottom:2rem;background:transparent;background-color:transparent}.grid-list-item:hover .summary{display:flex;justify-content:center;align-items:center;position:absolute;top:40%;left:45%;transform:translate(-45%,-40%);color:var(--main-color);font-size:.8rem;background-color:transparent;cursor:pointer;width:10rem;height:5vh;text-align:center}.summary{display:none}.grid-list-item:hover img{opacity:.08}.caption{margin-top:15px;font-size:1.3em;justify-content:left;align-items:left;text-align:left;user-select:none;position:relative;font-family:Times Now Bold}.caption:after{content:"";display:block;width:100%;height:1px;margin-top:3px;margin-bottom:6px;background-color:var(--main-color)}.grid-image-number{display:flex;flex-direction:row;background-color:transparent;margin-top:3vh;width:100%;justify-content:center}.grid-container{align-items:left;text-align:center;margin-bottom:0;opacity:0;width:100%;overflow-y:hidden;overflow-x:hidden;transition:opacity 1s ease-in-out;margin:1.8rem;margin-top:0}.grid-inner{display:flex;position:relative;flex-wrap:wrap;counter-reset:boxes;flex:1 100%;justify-content:center;margin-top:0}.grid-container.fade-enter{opacity:1}.sub-caption{font-family:Times Now Light;font-size:1em;justify-content:left;align-items:left;text-align:left;user-select:none;opacity:60%}.project-navigation{display:flex;width:100%;justify-content:space-between}.listbutton{border:none;border-color:transparent;background-color:transparent;color:#000;font-size:.8rem;outline:none;font-family:Times Now Light;cursor:pointer;opacity:1;left:0;display:flex;justify-content:flex-start;padding:1.2rem!important;padding-bottom:0!important;margin:0;width:100%}@media screen and (max-width: 756px){.grid-list-item{display:flex;flex-direction:column;font-family:Times Now Light;font-size:10px;position:relative;cursor:pointer;width:23rem;height:12rem;margin-bottom:3rem;background:transparent;background-color:transparent}.grid-list{padding-bottom:5vh}.grid-container{margin:0}}@font-face{font-family:Times Now Light;src:url(/assets/Untitled-Sans-Regular-93477f8c.ttf)}@font-face{font-family:Times Now ExtraLight;src:url(/assets/Untitled-Sans-Regular-93477f8c.ttf)}.project-details-container{flex-direction:row;display:flex;overflow-y:scroll;height:100dvh}.gradient-overlay{position:fixed;z-index:9999;top:0;left:0;z-index:2;right:0;width:100vw}.gradient-overlay:after{content:"";position:absolute;top:-1px;left:0;right:0;height:5vh;background:linear-gradient(to top,transparent,var(--background-color))}.project-details-inner{top:6dvh;flex-direction:column;display:flex;opacity:0;padding-left:0vw;transition:opacity 2s ease-in-out;bottom:6vh}.project-details-inner:after{content:"";bottom:-1px;left:0;right:0;background:linear-gradient(to top,var(--background-color),transparent)}.project-details-inner.fade-enter-active{opacity:0;transition:opacity .5s ease-in-out}.project-details-inner.fade-enter{opacity:1}.project-information{display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:99999;padding-top:1%;overflow-y:hidden;width:60.2vw;margin:0 auto}.project-image{display:flex;max-width:100%;width:100%;pointer-events:auto;flex-direction:column;align-items:center;margin-bottom:0;position:relative;overflow:hidden}.image-container{width:60.2vw;max-width:100%;margin:0 auto 5%}.image-container img,.image-container video{max-width:100%;border-radius:5px;display:block}.image-container:first-child img{position:relative;top:4%;transform:translateX(0,-4%)}.project-title,.project-technologies,.project-description,.project-collab{justify-content:left;align-items:left;text-align:left}.project-title{font-family:Times Now Light;font-size:2rem;top:0;margin-top:2vh;margin-bottom:0}.project-technologies,.project-collab{font-family:Times Now ExtraLight;margin-top:5px;font-size:.8em;margin-bottom:0;opacity:60%}.project-description{font-family:Times Now Light;font-size:.8em;text-align:left}.return{display:inline;justify-content:right;user-select:none;background-color:transparent!important;border-radius:20px;text-align:right;position:relative;font-family:Times Now Light;font-size:.9rem;margin-top:0;border:.1rem solid var(--main-color)!important;padding:.5vh 10px;color:var(--main-color)!important;width:fit-content;cursor:pointer;margin-bottom:1vh}.return-box{display:flex;width:100%;justify-content:flex-end;padding-bottom:1vh}.project-videos{max-width:100%;padding-top:4vh}.project-body{justify-content:left;user-select:none;background-color:transparent;align-items:left;text-align:left;font-family:Times Now Light;font-size:.8rem;margin-top:0;padding-top:2vh;padding-bottom:2vh}.project-caption{justify-content:left;user-select:none;background-color:transparent;align-items:left;text-align:left;position:relative;font-family:Times Now Light;font-size:.8rem;margin-top:2vh;opacity:60%;padding-top:0vh}.grid-item{padding-top:4vh;max-width:100%}@media screen and (max-width: 756px){.project-details-container{flex-direction:column;overflow-x:hidden}.project-information{position:relative;width:100vw;max-width:90%;height:fit-content;top:0px;margin-top:0}.image-container{position:relative;max-width:90%;width:100vw;height:fit-content;padding-right:0;padding-bottom:0}.image-container{position:relative;width:100vw;height:fit-content;padding-right:0;padding-bottom:0}.image-container img,.image-container video{border-radius:5px;display:block}.grid-item{max-width:100%}.project-title{margin-top:0}.return-box{padding-bottom:0}.grid-item{padding-top:0}}