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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@font-face{font-family:San Francisco Display;font-weight:400;src:url(/portfolio/static/media/SF-Pro-Display-Regular.143d56f5a3a2c0dee78c.otf)}@font-face{font-family:San Francisco Display;font-weight:800;src:url(/portfolio/static/media/SF-Pro-Display-Heavy.416830bd90729251123c.otf)}@font-face{font-family:San Francisco Display;font-weight:700;src:url(/portfolio/static/media/SF-Pro-Display-Bold.fc68e8299c85a379d7b1.otf)}@font-face{font-family:San Francisco Display;font-weight:600;src:url(/portfolio/static/media/SF-Pro-Display-Semibold.69c013a9ccdf71f8fb02.otf)}@font-face{font-family:San Francisco Display;font-weight:500;src:url(/portfolio/static/media/SF-Pro-Display-Medium.ac6ee805f3d958d49a6b.otf)}#pfs_container{--webkit-h:-webkit-fill-available;--moz-h:-moz-available;height:90vh;height:calc(var(--webkit-h)*.9);min-height:calc(var(--moz-h)*.9);position:absolute;width:100%;z-index:5}.portfolios{align-content:center;-webkit-align-content:center;align-items:flex-start;-webkit-align-items:flex-start;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;height:100%;z-index:inherit}.bottom-line{border-bottom:4px solid #000}#pf_con_con{height:87vh;height:calc(var(--vh, 1vh)*87);overflow-y:auto;position:fixed;top:7vh;width:100vw}.pfChild{padding-bottom:2.5vh;padding-top:2.5vh}@media (min-aspect-ratio:3/5){#pfs_container{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.portfolios{flex-direction:row;justify-content:space-evenly;-webkit-justify-content:space-evenly}.pfChild{width:40vw;z-index:inherit}}@media (max-aspect-ratio:3/5){.portfolios{flex-direction:column;justify-content:center;-webkit-justify-content:center}.pfChild{width:80vw;z-index:inherit}}.pfChild button{-webkit-touch-callout:none;background:none;background:linear-gradient(87.66deg,#e0e7f06c 3.93%,#d2d9e36c 96.07%);background-blend-mode:color-burn;border:none;border-radius:12px;box-shadow:-4px -4px 10px #f7fafdbe,4px 4px 8px rgba(43,58,103,.21),inset -2px -2px 10px hsla(224,7%,67%,.15),inset 3px 3px 6px hsla(0,0%,100%,.24);padding:12px;transition:all .1s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none}.pfChild button:hover{background:linear-gradient(87.66deg,#ecf0f791 3.93%,#e8eef585 96.07%);box-shadow:-6px -6px 10px #f7fafdbe,6px 6px 8px rgba(43,58,103,.21),inset -2px -2px 5px rgba(95,98,107,.171),inset 3px 3px 6px hsla(0,0%,100%,.493);transition:all .1s ease-in-out}.pfChild button:active{background:linear-gradient(144.7deg,rgba(147,178,188,.053),rgba(143,184,197,.087)),linear-gradient(87.66deg,#e5f1f5be 3.93%,#d2e2e3be 96.07%);background-blend-mode:color-burn;box-shadow:-4px -4px 10px hsla(0,0%,100%,.69),6px 6px 8px rgba(55,84,170,.15),inset 3px 3px 15px rgba(106,149,213,.18),inset -3px -3px 6px rgba(232,241,252,.61);opacity:.8}.pfTitle{font-size:3vh;font-weight:800;margin-bottom:1vh;margin-top:1.5vh}.pfContent,.pfTitle{font-family:San Francisco Display}.pfContent{font-size:2.3vh;font-weight:400;margin-bottom:3vh;margin-top:2vh}#bgShapes_1{size:10vh;height:100%;height:-webkit-fill-available;min-height:-moz-available;min-width:60vw}#bgShapes_2{size:10vh;max-height:150vh;min-width:120vw}.bg_Container{mix-blend-mode:color-burn;overflow:visible;position:relative;z-index:2}#Layer_1{opacity:1}@media (prefers-reduced-motion:no-preference){#bgShapes_2,#Layer_1{-webkit-animation:bgShapesSpin 100s linear infinite;animation:bgShapesSpin 100s linear infinite}}@-webkit-keyframes bgShapesSpin{0%{-webkit-transform:translate(10vw,-10vh) rotate(0deg);transform:translate(10vw,-10vh) rotate(0deg)}50%{-webkit-transform:translate(-10vw,10vh) rotate(180deg);transform:translate(-10vw,10vh) rotate(180deg)}to{-webkit-transform:translate(10vw,-10vh) rotate(1turn);transform:translate(10vw,-10vh) rotate(1turn)}}@keyframes bgShapesSpin{0%{-webkit-transform:translate(10vw,-10vh) rotate(0deg);transform:translate(10vw,-10vh) rotate(0deg)}50%{-webkit-transform:translate(-10vw,10vh) rotate(180deg);transform:translate(-10vw,10vh) rotate(180deg)}to{-webkit-transform:translate(10vw,-10vh) rotate(1turn);transform:translate(10vw,-10vh) rotate(1turn)}}#gradientPalette{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}#mvl{bottom:1vh;max-height:3vh;-webkit-transform:translate(-50%);transform:translate(-50%)}#logo,#mvl{position:absolute;z-index:2}#logo{left:1vh;max-height:5vh;max-width:5vh;top:1vh}#logo,#myname{mix-blend-mode:color-burn}#myname{color:#393b12;font-family:San Francisco Display;font-size:2vh;font-weight:600;margin:0;position:absolute;right:3vh;top:2.5vh;z-index:2}@media (min-aspect-ratio:3/5){#bg_Container_1{bottom:-50vh;left:min(-40vw,-40vh);opacity:60%}#bg_Container_2{opacity:30%;right:min(-20vw,-30vh);top:-90vmin}.bg_c_c{height:100%;overflow:hidden;position:absolute;width:100%}}.backgrounds{height:100%;position:fixed;width:100%}@media (max-aspect-ratio:3/5){#bg_Container_1{bottom:-50vh;left:min(-50vw,-10vh);opacity:60%}#bg_Container_2{opacity:50%;right:min(-50vw,-10vh);top:-20vh}.bg_c_c{height:100vh;overflow:hidden;position:absolute;width:100vw}}.bg_c_c{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
/*# sourceMappingURL=main.72e1f4ad.css.map*/