:root{--header-color:#282c34bb;--box-bg-color:rgba(255,233,166,.733);--bg-color:#fff8e3;--bg-color2:#ffe9a6;--accent-color:#af6300;font-size:16px;scroll-behavior:smooth;text-align:center}@media screen and (max-width:500px){:root{font-size:12px}}body{background-color:#fff8e3;background-color:var(--bg-color);background:linear-gradient(45deg,#fff8e3,#ffe9a6);background:linear-gradient(45deg,var(--bg-color) 0,var(--bg-color2) 100%)}.App:after,.App:before{color:#ffe9a6;color:var(--bg-color2);font-size:768px;font-weight:700;margin:0;padding:0}.App:before{content:"A";position:fixed;right:340px;top:calc(100vh - 900px);z-index:-100}.App:after{content:"S";position:fixed;right:-60px;top:calc(100vh - 700px);z-index:-101}.Header{-webkit-animation:intro-opacity 2s normal;animation:intro-opacity 2s normal;height:64px;position:fixed;top:0;width:100%;z-index:100}@media screen and (max-width:800px){.Header{background-color:#282c34bb;background-color:var(--header-color);box-shadow:0 0 10px 2px #282c34bb;box-shadow:0 0 10px 2px var(--header-color);position:relative}}.Navigation{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;justify-content:flex-end;width:100%}.Navigation a,.Navigation button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;margin-right:16px;padding:0;text-shadow:0 0 10px #555;text-transform:uppercase}main{overflow-x:hidden}section{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around}section>*{flex-grow:1}section>h1{border-bottom:2px solid #000;box-shadow:0 10px 10px -10px #000;font-size:2rem;margin-left:1%;margin-right:1%;text-align:left;text-shadow:0 0 4px #fff;text-transform:uppercase;width:100%}.Clickable{cursor:pointer}.Intro-Rotate{-webkit-animation:intro-rotate 1s normal;animation:intro-rotate 1s normal}.Hidden{visibility:hidden}@-webkit-keyframes intro-left{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes intro-left{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes intro-right{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes intro-right{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes intro-opacity{0%{opacity:0}to{opacity:1}}@keyframes intro-opacity{0%{opacity:0}to{opacity:1}}@-webkit-keyframes intro-rotate{0%{-webkit-transform:rotateY(90deg) rotate(-4deg);transform:rotateY(90deg) rotate(-4deg)}to{-webkit-transform:rotateY(0deg) rotate(0deg);transform:rotateY(0deg) rotate(0deg)}}@keyframes intro-rotate{0%{-webkit-transform:rotateY(90deg) rotate(-4deg);transform:rotateY(90deg) rotate(-4deg)}to{-webkit-transform:rotateY(0deg) rotate(0deg);transform:rotateY(0deg) rotate(0deg)}}#Projects>div{grid-gap:1.5rem;display:grid;flex-grow:0;gap:1.5rem;grid-auto-columns:1fr;grid-template-areas:"one one two three" "four five five three";width:90vw}#Projects>div>:first-child{grid-area:one}#Projects>div>:nth-child(2){grid-area:two}#Projects>div>:nth-child(3){grid-area:three}#Projects>div>:nth-child(4){grid-area:four}#Projects>div>:nth-child(5){grid-area:five}@media screen and (max-width:1400px){#Projects>div{grid-template-areas:"one one" "two three" "four three" "five five"}}@media screen and (max-width:800px){#Projects>div{grid-template-areas:"one" "two" "three" "four" "five"}}.Project{flex-grow:0;min-height:256px;-webkit-perspective:1600px;perspective:1600px;transition:-webkit-transform .35s ease;transition:transform .35s ease;transition:transform .35s ease,-webkit-transform .35s ease}.Project .Project-Content{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:var(--box-bg-color);border-radius:6px;box-shadow:0 0 10px 0 var(--header-color),0 0 40px 10px #000 inset;display:block;height:100%;overflow:hidden;position:relative;text-align:left;text-shadow:0 0 4px #fff;-webkit-transform-origin:center;transform-origin:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .6s cubic-bezier(.23,1,.32,1);transition:transform .6s cubic-bezier(.23,1,.32,1);transition:transform .6s cubic-bezier(.23,1,.32,1),-webkit-transform .6s cubic-bezier(.23,1,.32,1);width:100%}.Project .Project-Content:after{background:linear-gradient(#ffffff00 50%,#ffffffaa);content:"";inset:0;position:absolute;z-index:2}.Project .Project-Content>*{position:relative;z-index:3}.Project .Project-Name{background:linear-gradient(var(--box-bg-color) 0,#fff 300%);box-shadow:0 5px 5px -5px #000;font-size:1.6rem;font-weight:700;margin:0;padding:10px;transition:color .5s ease}.Project .Project-Tech{background:var(--box-bg-color);border-radius:100px;display:inline-block;font-size:1.2rem;font-weight:700;line-height:1;margin:5px 0 0 5px;padding:0 10px 2px;width:-webkit-max-content;width:max-content}.Project .Project-Desc{bottom:10px;font-size:1.4rem;left:0;margin:0 10px;position:absolute;text-shadow:1px 1px 0 #aaa,0 0 4px #fff,0 0 8px #fff}.Project .Project-BG{--scale:1.2;height:100%;left:0;object-fit:cover;opacity:.8;position:absolute;top:0;-webkit-transform:scale(var(--scale));transform:scale(var(--scale));transition:-webkit-transform .6s cubic-bezier(.23,1,.32,1);transition:transform .6s cubic-bezier(.23,1,.32,1);transition:transform .6s cubic-bezier(.23,1,.32,1),-webkit-transform .6s cubic-bezier(.23,1,.32,1);width:100%;z-index:1}.Project .Project-Link{bottom:0;color:#000;font-size:2rem;position:absolute;right:10px;text-decoration:none;transition:color .5s ease,-webkit-transform .5s ease;transition:color .5s ease,transform .5s ease;transition:color .5s ease,transform .5s ease,-webkit-transform .5s ease}.Project .Project-Link:focus{outline:none}.Project:focus-within,.Project:hover{-webkit-transform:scale(1.05);transform:scale(1.05);z-index:10}.Project:focus-within .Project-Name,.Project:hover .Project-Name{color:var(--accent-color)}.Project:focus-within .Project-Link,.Project:hover .Project-Link{color:var(--accent-color);-webkit-transform:scale(1.5);transform:scale(1.5)}#Top{position:relative}.Photo{-webkit-animation:intro-opacity .5s normal;animation:intro-opacity .5s normal;aspect-ratio:644/966;box-shadow:0 0 100px #00000088;flex-grow:0;height:100vh;margin-left:50px;min-height:700px}.Top-Content{align-items:center;display:flex;justify-items:center;text-shadow:0 0 40px #fff}.Top-Content>div{padding-bottom:200px;width:100%}.Top-Content p{-webkit-animation:intro-left .9s normal;animation:intro-left .9s normal;font-size:2.5rem;margin:0}.Top-Content h1{-webkit-animation:intro-left 1s normal;animation:intro-left 1s normal;font-size:6rem;margin:0}.Top-Content h2{-webkit-animation:intro-left 1.1s normal;animation:intro-left 1.1s normal;font-size:2rem;font-weight:400;margin:0}@media screen and (max-width:1400px){.Photo{margin-left:0}.Top-Content{width:100%}.Top-Content>div{bottom:20px;left:calc(50% - 250px);max-width:500px;padding-bottom:0;position:absolute}.Top-Content p{visibility:hidden}}@media screen and (max-width:500px){.Photo{min-height:500px}.Top-Content>div{left:0;max-width:100%}}#Links a{color:#000;margin-bottom:16px}#Links a:focus{outline:none}#Links a svg{transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}#Links a:focus svg,#Links a:hover svg{-webkit-filter:drop-shadow(0 0 5px #000);filter:drop-shadow(0 0 5px black);-webkit-transform:scale(1.2);transform:scale(1.2)}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;margin:0}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/roboto-latin-400-normal.4673b4537a84c7f7a130.woff2) format("woff2"),url(/static/media/roboto-latin-400-normal.9b78ea3bc4f00e508f01.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:url(/static/media/roboto-latin-700-normal.0682ca7f74351d42bf73.woff2) format("woff2"),url(/static/media/roboto-latin-700-normal.0344cc3c5cd0959f5f92.woff) format("woff")}
/*# sourceMappingURL=main.616e4f3c.css.map*/