*{box-sizing:border-box}body,html{font-family:Helvetica,"Roboto",sans-serif;font-size:calc(5.81818px + 1.02273vw);line-height:calc(1.5em + .19886vw - 1.59091px);overflow-x:hidden}*,body,html{margin:0;padding:0}*{-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:transparent}.App{display:flex;width:100vw;padding:12.5vh 8.3333333333vw;color:#1f2424;background-color:#f9f9f9;min-height:100vh}.App .primary{font-size:2rem}.App .primary #my-name{margin-bottom:1vh;line-height:2.5rem}.App #primary-rotator{color:#ff4500;height:calc(38.18182px + 1.47727vw);padding:11px 0}div.grid-lines{position:fixed;height:100vh;width:1px;background:#ece8e8;top:0;z-index:-1}.left-grid{height:75vh;width:25vw;flex-direction:column;position:fixed;z-index:2}.left-grid,.left-grid .left-grid-1{display:flex;justify-content:space-between}.left-grid .left-grid-1{flex:0 1 18.75vh}.left-grid .left-grid-1 #resume-top{display:none}.left-grid .left-grid-2{flex:1 1;display:flex;justify-content:space-between;flex-direction:column;margin-bottom:12.5vh}.left-grid .left-grid-2 .left-grid-2-2{display:flex}.left-grid .left-grid-2 .left-grid-2-2>section{flex:1 1}.left-grid div#left-grid-line-2{align-self:center}.right-grid{display:flex;flex:1 1;flex-direction:column;padding-left:33.3333333333vw;min-height:75vh;width:100%;z-index:1;position:relative}.right-grid .right-grid-1{flex:0 1 18.75vh}.right-grid .right-grid-2{flex:1 1;margin-bottom:12.5vh;position:relative}.right-grid div#right-grid-line-2{align-self:center}.right-grid div#right-grid-line-3{align-self:flex-end}.right-grid footer{position:absolute;bottom:-12.5vh;width:100vw;background:#ece8e8;padding:2px 8.3333333333vw;left:-8.3333333333vw;font-size:.6rem;z-index:10;text-align:center;color:#717171}.right-grid footer a{color:#717171}::-webkit-scrollbar{width:8px;position:absolute}::-webkit-scrollbar-track{background:#f9f9f9}::-webkit-scrollbar-thumb{background:#717171}@media only screen and (max-width:800px)and (orientation:portrait){body,html{font-size:16px;line-height:1.5em}.App{flex-direction:column;padding:8.75vh 9.1666666667vw}.App .left-grid{position:relative;flex:1 1 100%;width:100%;justify-content:space-between}.App .left-grid .left-grid-1{flex:initial;margin-bottom:8.75vh}.App .left-grid .left-grid-1 #resume-top{display:inherit}.App .left-grid .grid-lines{display:none}.App .left-grid .left-grid-2{justify-content:space-evenly;flex:initial}.App .left-grid .left-grid-2 .left-grid-2-2{margin:8.75vh 0}.App .right-grid{padding:0;min-height:auto}.App .right-grid .right-grid-1{flex:initial;margin-bottom:8.75vh}.App .right-grid footer{left:-9.1666666667vw;bottom:-8.75vh}.App #resume-bottom{display:none}}@media only screen and (max-height:400px)and (orientation:landscape){.App .left-grid{position:absolute;min-height:350px}}.App.dark{background-color:#1f2424}.App.dark,.App.dark a{color:#c3c3c3}.App.dark .project-details{background-color:#1f2424}.App.dark div.grid-lines{background:#333}.App.dark .right-grid footer{background-color:#333}.App.dark .right-grid footer a{color:#717171}body.dark::-webkit-scrollbar-track{background:#1f2424}body.dark::-webkit-scrollbar-thumb{background:#333}@media(prefers-reduced-motion:reduce){.my-rotator .rotating-element{animation:none}.my-rotator .rotating-element:first-child{transform:translateY(0)}.my-rotator .rotating-element:not(:first-child){display:none}.curtain{width:0!important}.curtain,.project-link img,section.project{animation:none!important}section.project:active,section.project:hover{transform:none!important}}a.my-link{text-decoration:none;position:relative;display:inline-block;color:#1f2424;padding-bottom:1vh}a.my-link:after{content:"";display:block;position:absolute;width:0;height:3px;background-color:#ff4500;transition:width .2s cubic-bezier(.23,1,.32,1)}a.my-link:hover:after{width:100%}@keyframes rotate{0%{transform:translateY(-75px)}10%,35%{transform:translateY(0)}45%,to{transform:translateY(75px)}}.rotating-element{transform:translateY(-75px);animation:rotate 4.2s ease-in-out infinite}.my-rotator{overflow:hidden;position:relative}p.rotating-element{position:absolute}.my-rotator>.rotating-element:first-child{animation-delay:0s}.my-rotator>.rotating-element:nth-child(2){animation-delay:1.4s}.my-rotator>.rotating-element:nth-child(3){animation-delay:2.8s}.content-toggle{display:flex;justify-content:space-between;align-items:center;color:#717171}.content-toggle>div{flex:1 1}.content-toggle .content-toggle-button{cursor:pointer;transition:color .25s cubic-bezier(.23,1,.32,1),transform .16s cubic-bezier(.23,1,.32,1)}.content-toggle .content-toggle-button:active{transform:scale(.97)}.content-toggle .content-toggle-divider{order:2;height:1px;width:16.6666666667vw;background-color:#717171}.content-toggle .content-toggle-divider .content-toggle-shifter{position:relative;height:100%;width:50%;background-color:#ff4500;transition:left .25s cubic-bezier(.77,0,.175,1);left:0}.content-toggle.about-active .content-toggle-shifter{left:50%}.content-toggle.about-active #about,.content-toggle.work-active #work{color:#ff4500}.content-toggle #about{text-align:right;order:3}.content-toggle #about:hover{color:#ff4500}.content-toggle #work{order:1}.content-toggle #work:hover{color:#ff4500}.App.dark .content-toggle{color:#949494}.toggle-container{width:55px;height:22px;border:3px solid #ff4500;border-radius:25px;display:flex;align-items:center;position:relative;cursor:pointer;transition:transform .16s cubic-bezier(.23,1,.32,1)}.toggle-container:active{transform:scale(.97)}.toggle-container .toggle-switch{height:10px;width:10px;border-radius:100%;margin:0 4px;background:#ff4500;position:absolute;transition:left .25s cubic-bezier(.77,0,.175,1)}.toggle-container.left .toggle-switch{left:0}.toggle-container.right .toggle-switch{left:31px}@media only screen and (max-width:800px){.toggle-container{width:45px;height:18px;border-width:2px}.toggle-container .toggle-switch{width:8px;height:8px}.toggle-container.right .toggle-switch{left:25px}}.about{position:relative}.about,.about a{color:#717171}.App.dark .about,.App.dark .about a{color:#949494}.curtain{position:absolute;height:100%;background:#ff4500;top:0;z-index:5}.curtain.open{width:100%;right:0;animation:curtainopen .5s cubic-bezier(.77,0,.175,1) .1s forwards}.curtain.close{width:0;left:0;animation:curtainclose .5s cubic-bezier(.77,0,.175,1) forwards}@keyframes curtainopen{0%{width:100%}to{width:0}}@keyframes curtainclose{0%{width:0}to{width:100%}}section.work{display:flex;justify-content:space-between;flex-wrap:wrap;position:relative}section.project{height:25vw;width:25vw;position:relative;transition:transform .25s cubic-bezier(.23,1,.32,1),box-shadow .25s cubic-bezier(.23,1,.32,1)}section.project a.project-link{display:block;height:100%;width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}section.project a.project-link img{height:100%;object-fit:cover;animation:image-reveal .5s cubic-bezier(.23,1,.32,1) backwards}section.project.skeleton{margin:2px 0;width:24.1666666667vw;background-repeat:no-repeat;background-image:linear-gradient(90deg,transparent,hsla(0,0%,89.4%,.4) 50%,#f0f0f0),linear-gradient(#f0f0f0 99%,transparent 0);background-size:50% 100%,100% 100%;background-position:-100% 0,0 0;animation:skeleton-animation 1.5s infinite}section.project .project-details{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;top:0;background-color:#f9f9f9;padding:2vw;font-size:.7rem;line-height:1.1rem;justify-content:space-between;pointer-events:none;opacity:0;border:1px solid #ece8e8;transition:opacity .25s cubic-bezier(.23,1,.32,1)}section.project .project-details .project-details-top{flex:1 1}section.project .project-details .project-details-top .project-title{font-weight:700;color:#ff4500;margin-bottom:1vw}section.project .project-details .project-details-top .project-divider{height:3px;width:2vw;background-color:#ff4500;margin-bottom:1vw}section.project .project-details .project-details-top .project-description{color:#717171}section.project .project-details .project-details-bottom .project-tags{background:#ece8e8;display:inline-block;padding:3px 10px;margin:3px 3px 3px 0;border-radius:20px;font-size:.6rem}section.project:hover .project-details{opacity:1}@media(hover:hover){section.project:hover{transform:scale(1.03);box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:1}}section.project:active{transform:scale(.98)}section.project:not(.skeleton){animation:project-enter .45s cubic-bezier(.23,1,.32,1) backwards}section.project:not(.skeleton):first-of-type{animation-delay:0ms}section.project:not(.skeleton):nth-of-type(2){animation-delay:55ms}section.project:not(.skeleton):nth-of-type(3){animation-delay:.11s}section.project:not(.skeleton):nth-of-type(4){animation-delay:165ms}section.project:not(.skeleton):nth-of-type(5){animation-delay:.22s}section.project:not(.skeleton):nth-of-type(6){animation-delay:275ms}section.project:not(.skeleton):nth-of-type(7){animation-delay:.33s}section.project:not(.skeleton):nth-of-type(8){animation-delay:385ms}@keyframes project-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes image-reveal{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.App.dark .project.skeleton{background-image:linear-gradient(90deg,rgba(25,31,31,.1),rgba(41,41,41,.4) 50%,rgba(25,31,31,.1)),linear-gradient(#191f1f 99%,transparent 0);background-size:50% 100%,100% 100%;background-position:-100% 0,0 0}.App.dark .project-details{border-color:#333}.App.dark .project-details .project-details-top .project-description{color:#949494}.App.dark .project-details .project-details-bottom .project-tags{background:#333}.skeleton-container{display:flex;flex-wrap:wrap;justify-content:space-around}@keyframes skeleton-animation{to{background-position:200% 0,0 0}}@media only screen and (max-width:800px)and (orientation:portrait){section.project,section.project.skeleton{width:81.6666666667vw;height:81.6666666667vw}section.project .project-details{font-size:.8rem;line-height:1.2rem;padding:3vh}section.project .project-details .project-details-top .project-divider,section.project .project-details .project-details-top .project-title{margin-bottom:2vh}section.project .project-details .project-details-bottom .project-tags{padding:3px 10px}}
/*# sourceMappingURL=main.5cbfe438.chunk.css.map */