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{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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}footer{display:none}header{height:8em}main{margin-inline:auto;width:min(100ch,100% - 4rem)}html{height:100%}body{font-family:system-ui;font-size:1.125rem;line-height:1.5;max-height:100vh}img,svg,video{display:block;max-width:100%}.icon-hamburger{transition:.2s ease-out}.icon-hamburger.open{transform:rotate(180deg);transition:transform .3s ease-out}.icon-hamburger .burger-piece{border-radius:50%;height:15%;position:absolute;transition:.2s;width:15%}.icon-hamburger .burger-top{top:10%}.icon-hamburger .burger-bottom{bottom:10%}.icon-hamburger.open .burger-bottom,.icon-hamburger.open .burger-top{border-radius:20px;height:100%;transform:translateX(-500%) rotate(45deg)}.icon-hamburger.open .burger-top{top:0;transform:rotate(45deg)}.icon-hamburger.open .burger-bottom{bottom:0;transform:rotate(-45deg)}.icon-darkmode .light-ray,.icon-darkmode .sun{position:absolute}.icon-darkmode .light-ray{border-radius:50px;height:10%;width:25%}.icon-darkmode .top-left{transform:rotate(45deg)}.icon-darkmode .top-middle{top:10%}.icon-darkmode .bottom-left,.icon-darkmode .top-right{transform:rotate(-45deg)}.icon-darkmode .bottom-middle{bottom:10%}.icon-darkmode .bottom-right{transform:rotate(45deg)}.icon-darkmode .center-left{left:0}.icon-darkmode .center-right{right:0}.icon-darkmode .top-left,.icon-darkmode .top-right{top:22%}.icon-darkmode .bottom-left,.icon-darkmode .bottom-right{bottom:22%}.icon-darkmode .bottom-middle,.icon-darkmode .top-middle{transform:rotate(90deg)}.icon-darkmode .bottom-middle,.icon-darkmode .center-left,.icon-darkmode .center-right,.icon-darkmode .top-middle{width:25%}.icon-darkmode .bottom-left,.icon-darkmode .top-left{left:10%}.icon-darkmode .bottom-right,.icon-darkmode .top-right{right:10%}.icon-darkmode .moon,.icon-darkmode .sun{border-radius:50%;height:40%;width:40%}.icon-darkmode .moon{height:60%;left:100%;opacity:0;position:absolute;width:60%}.icon-darkmode.dark .light-ray,.icon-darkmode.dark .sun{position:absolute}.icon-darkmode.dark .bottom-left,.icon-darkmode.dark .bottom-middle,.icon-darkmode.dark .bottom-right,.icon-darkmode.dark .center-left,.icon-darkmode.dark .center-right,.icon-darkmode.dark .top-left,.icon-darkmode.dark .top-middle,.icon-darkmode.dark .top-right{animation:hideRays .3s ease forwards}.icon-darkmode.dark .sun{animation:changeSize .3s ease forwards}.icon-darkmode.dark .moon{animation:moveToLeft .5s ease forwards}.icon-darkmode.light .light-ray,.icon-darkmode.light .sun{position:absolute}.icon-darkmode.light .bottom-left,.icon-darkmode.light .bottom-middle,.icon-darkmode.light .bottom-right,.icon-darkmode.light .center-left,.icon-darkmode.light .center-right,.icon-darkmode.light .top-left,.icon-darkmode.light .top-middle,.icon-darkmode.light .top-right{animation:hideRaysReverse .3s ease forwards}.icon-darkmode.light .sun{animation:changeSizeReverse .3s ease forwards}.icon-darkmode.light .moon{animation:moveToLeftReverse .5s ease forwards;background-color:#0000}@keyframes moveToLeft{0%{left:100%}30%{opacity:1}to{left:45%;opacity:1}}@keyframes moveToLeftReverse{0%{opacity:0;right:100%}to{left:100%;opacity:1}}@keyframes changeSize{0%{height:40%;width:40%}to{height:60%;width:60%}}@keyframes changeSizeReverse{0%{height:60%;width:60%}to{height:40%;width:40%}}@keyframes hideRays{to{opacity:0;width:0}}@keyframes hideRaysReverse{0%{opacity:0;width:0}to{opacity:1;width:25%}}.scroll-buttons{position:fixed;top:0;z-index:5}a{cursor:pointer}a,nav a{text-decoration:none}nav a{display:flex;justify-content:center;list-style:none;transition:transform .5s}nav a.active{border-bottom:2px solid gray}.btn{display:flex;padding:1em;transition:.2s}.btn-primary{border-radius:50px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.icon-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;transition:.2s;width:100%}.btn-github,.btn-linkedin{margin:1em}.btn-github svg,.btn-linkedin svg{transition:.2s}.btn-github:hover svg,.btn-linkedin:hover svg{transform:translateY(-10%)}.btn-darkmode,.btn-hamburger{border:none;height:50px;margin:1em;overflow:hidden;padding:.5em;transition:.2s;width:50px;z-index:11}.btn-darkmode:hover .icon-container,.btn-hamburger:hover .icon-container{opacity:.6}.btn-darkmode{position:fixed}nav{display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:fixed;right:0;top:0;z-index:10}nav .btn-hamburger{position:absolute;right:0;top:0}nav .dropdown-menu{display:flex}nav .dropdown-menu li{list-style:none;transition:.2s}nav .dropdown-menu li a{display:flex;height:100%;transition:.2s;width:100%}@media(min-width:756px){nav .dropdown.open{align-items:center;display:flex;height:4em;justify-content:center;width:100vw}nav .dropdown.open .dropdown-menu{align-items:center;flex-direction:row;justify-content:space-around;right:0;width:50%}nav .dropdown.open .dropdown-menu li{margin:.2em;padding:.5em;width:30%}nav .dropdown.open .dropdown-menu li a{padding:.5em}}@media(max-width:756px){nav .dropdown.open{height:100vh;width:100vw}nav .dropdown-menu{align-items:center;flex-direction:column;justify-content:space-around;margin:5em 0 0;padding:0;width:100%}nav .dropdown-menu li{margin-bottom:10%;padding:1em;width:50%}nav .dropdown-menu li a{padding:1em}}.background{align-items:center;display:flex;height:100vh;justify-content:center;left:50%;max-width:1500px;position:fixed;top:50%;transform:translate(-50%,-50%);width:100vw;z-index:-2;z-index:-1}.background .square{position:absolute}.background .square-1{animation:rotate 600s linear infinite;height:2000px;left:-80em;rotate:45deg;top:-80em;width:2000px}.background .square-2{animation:rotate 550s infinite reverse;-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);height:1500px;right:-40em;top:-50em;width:1500px}.background .square-3{animation:rotate 450s linear infinite;bottom:-20em;height:1200px;left:-40em;width:1200px}.background .square-4{animation:rotate 530s linear infinite;height:1500px;right:-80em;rotate:45deg;width:1500px}.background .square-5{animation:rotate 520s infinite reverse;bottom:-80em;height:1500px;width:100vw}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.developer-posts .project-container .project-child{min-width:50%}.developer-posts .project-container .developer-links{display:flex;height:100%;min-width:200px;overflow:hidden}.developer-posts .project-container .developer-links .project-image{height:200%;object-fit:cover;transition:.2s;width:200%;z-index:1}.developer-posts .project-container .developer-links .project-image:hover{transform:scale(1.02)}.developer-posts .project-container .developer-links .btn-github{align-items:center;display:flex;justify-content:center;margin:0;transition:.2s;width:20%}.music-posts .project-container .project-description{display:flex;width:100%}.music-posts .project-container .project-description .project-content{display:flex;justify-content:center}.music-posts .project-container .project-description .project-content iframe{height:100%;width:100%}.contrast,.theme-primary,.theme-secondary{transition:background-color .2s,color .2s}body.light{background-color:#fff}body.light .btn-primary{background-color:#3d518c;color:#fff}body.light .btn-primary:hover{background-color:#000;color:#fff}body.light .btn-linkedin{background-color:#0077b5}body.light .btn-linkedin:hover{background-color:#0299eb}body.light .btn-github{background-color:#181717}body.light .btn-github:hover{background-color:#2e2c2c}body.light .btn-github svg,body.light .btn-linkedin svg{color:#fff}body.light .theme-primary{background-color:#3d518c}body.light .theme-secondary{background-color:#226f54}body.light .contrast{color:#000}body.light .color-bg{background-color:#fff}body.light .container{border-bottom:2px solid gray}body.light h1,body.light h2,body.light h3,body.light p{color:#000;transition:background-color .2s,color .2s}body.light nav .dropdown{background-color:#fff}body.light nav a{background-color:#000;color:#fff}body.light nav a:hover{background-color:#e1e1e1;color:#000}body.light nav .active,body.light nav .active:hover{background-color:#fff;color:#000}body.light .background{background-color:#fff;transition:background-color .2s,color .2s}body.light .background .square-1{background-color:#f2f2f2}body.light .background .square-2{background-color:#e1e1e1}body.light .background .square-3{background-color:#f2f2f2}body.light .background .square-4{background-color:#e1e1e1}body.light .background .square-5{background-color:#f2f2f2}body.light .background .square,body.light .icon-container span{transition:background-color .2s,color .2s}body.light .icon-container span,body.light .icon-container.light .light-ray,body.light .icon-container.light .sun{background-color:#000}body.light .icon-container.dark .moon{background-color:#fff}body.dark{background-color:#000}body.dark .btn-primary{background-color:#3d518c;color:#fff}body.dark .btn-primary:hover{background-color:#fff;color:#000}body.dark .btn-linkedin{background-color:#0077b5}body.dark .btn-linkedin:hover{background-color:#0299eb}body.dark .btn-github{background-color:#181717}body.dark .btn-github:hover{background-color:#2e2c2c}body.dark .btn-github svg,body.dark .btn-linkedin svg{color:#fff}body.dark .theme-primary{background-color:#3d518c}body.dark .theme-secondary{background-color:#226f54}body.dark .contrast{color:#fff}body.dark .color-bg{background-color:#000}body.dark .container{border-bottom:2px solid gray}body.dark h1,body.dark h2,body.dark h3,body.dark p{color:#fff;transition:background-color .2s,color .2s}body.dark nav .dropdown{background-color:#000}body.dark nav a{background-color:#fff;color:#000}body.dark nav a:hover{background-color:#181818;color:#fff}body.dark nav .active,body.dark nav .active:hover{background-color:#000;color:#fff}body.dark .background{background-color:#000;transition:background-color .2s,color .2s}body.dark .background .square-1{background-color:#121212}body.dark .background .square-2{background-color:#181818}body.dark .background .square-3{background-color:#121212}body.dark .background .square-4{background-color:#181818}body.dark .background .square-5{background-color:#121212}body.dark .background .square,body.dark .icon-container span{transition:background-color .2s,color .2s}body.dark .icon-container span,body.dark .icon-container.light .light-ray,body.dark .icon-container.light .sun{background-color:#fff}body.dark .icon-container.dark .moon{background-color:#000}.person-container{border-radius:50%;height:300px;overflow:hidden;position:relative;width:300px}#person,.person-container{align-items:center;display:flex;flex-direction:column;justify-content:center}#person{height:150%;position:absolute;top:5%;width:150%}#person .head,#person .neck{background-color:bisque}#person .head{border-bottom:solid #000;border-bottom-left-radius:50%;border-bottom-right-radius:50%;border-top-left-radius:20%;border-top-right-radius:20%;height:30%;margin-bottom:-5%;position:relative;transition:transform .5s ease;width:30%;z-index:2}#person .head .hair{height:40%;margin-top:-10%;position:relative;z-index:3}#person .head .hair .hair-center,#person .head .hair .hair-left,#person .head .hair .hair-right{background-color:#868629;box-shadow:2px 2px rgba(0,0,0,.297);height:80%;position:absolute;width:100%}#person .head .hair .hair-center{height:40%;right:30%;width:50%}#person .head .hair .hair-left{border-bottom-left-radius:20%;border-bottom-right-radius:20%;height:100%;left:0;transform:rotate(30deg);width:20%}#person .head .hair .hair-right{border-bottom-right-radius:50%;border-top-left-radius:50%;border-top-right-radius:20%;height:90%;right:-20%;top:0;transform:rotate(60deg);width:70%}#person .head .eyes-position{height:30%;position:relative;transition:transform .2s ease-out;z-index:1}#person .head .eyes-position .eye{background-color:#000;border-radius:50%;height:80%;position:absolute;width:15%}#person .head .eyes-position .left-eye{left:20%}#person .head .eyes-position .right-eye{right:20%}@keyframes blink{0%,to{height:80%}50%{height:0}}#person .neck-container{height:10%;position:relative;transition:transform 1s ease-out;width:15%;z-index:1}#person .neck-container .circle,#person .neck-container .neck{background-color:bisque;height:100%;position:absolute;width:100%}#person .neck-container .circle{border-radius:50%;bottom:-50%}#person .body{border-top-left-radius:20%;border-top-right-radius:20%;height:40%;width:50%}.project-container{align-items:center;border-bottom:2px solid #80808082;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:2em;overflow:hidden;padding:1em;transition:background-color .2s,color .2s}.project-container .project-description{align-items:baseline;display:flex}.project-container .project-content,.project-container .project-title{margin-bottom:1em}.project-container .project-child{display:flex}@media(max-width:756px){.project-container{flex-direction:column}}.container{margin-bottom:1em;margin-top:1em;position:relative}.container,.container .child{padding:1em}.scroll-container{display:flex;margin-top:20%;width:100%}.scroll-list{justify-content:space-between;width:100%}.person-container{height:6em;position:absolute;right:1em;top:1em;width:6em}.page-title{font-size:5rem;opacity:.08;position:fixed;top:0;z-index:-1}.loading{align-items:center;background:#0000;display:flex;height:100%;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:opacity .5s ease-in-out;width:100%;z-index:9999}.loading.fade-out{opacity:0;pointer-events:none}.spinner{animation:spin 2s linear infinite;border:16px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:120px;width:120px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.column,.row{display:flex}.row{flex-direction:row}.column{flex-direction:column}.split{min-width:50%}
/*# sourceMappingURL=main.2a65680b.css.map*/