body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:6px;width:4px}::-webkit-scrollbar-track{background:transparent;border-radius:10px}::-webkit-scrollbar-thumb{background:#c62368;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#c62368}.menu-expander{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:100%;font-size:xx-large;top:15px;transition:.2s ease-in-out;z-index:999}.menu-expander:hover{-webkit-transform:scale(1.4);transform:scale(1.4)}.menu-expander.open{left:15px;position:fixed}.menu-expander.close{position:absolute;right:15px}.menu{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgba(5,25,41,.85);height:100vh;left:0;position:fixed;top:0;transition:.45s ease-in-out;width:400px;z-index:901}.menu .menu-container{height:100%;position:relative;width:100%}.menu .menu-items{display:flex;flex-direction:column;padding-top:64px;width:100%}.menu .menu-items .item{border-left:1px solid transparent;border-radius:5px;font-size:1.4rem;font-weight:bolder;letter-spacing:1px;margin:.5rem;padding:10px;transition:.2s ease-in-out}.menu .menu-items .item:hover{background-image:linear-gradient(90deg,#262853,transparent 90%);border-left:4px solid #c62368}.menu .menu-items .item.active{background-image:linear-gradient(90deg,#c62368,transparent 90%)}.menu .menu-items .item.active:hover{border-left:1px solid transparent;color:#fff}.hide{opacity:0}.menu-hidden{-webkit-transform:translateX(-400px);transform:translateX(-400px)}@media screen and (max-width:400px){.menu{width:100%}.menu .menu-items .item{border:none;border-radius:0;margin:.5rem 0;padding:15px;text-align:center}.menu .menu-items .item:hover{border:none}.menu .menu-items .item.active,.menu .menu-items .item:hover{background-color:#001220;background-image:none}.menu-hidden{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.homepage-container{height:100%;width:100%}.homepage-container .intro{align-items:center;background:linear-gradient(#001220,#051929,#fa7268);background-attachment:fixed;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center;min-height:400px;position:relative;width:100%}.homepage-container .intro .avatar{-webkit-animation:avatar-entry 2s 1;animation:avatar-entry 2s 1;display:grid;height:300px;place-items:center;position:relative;width:300px}.homepage-container .intro .avatar img{-webkit-animation:avatar-light 5s infinite;animation:avatar-light 5s infinite;border:2px solid #ca054d;border-radius:50%;height:300px;min-width:100px;width:300px;z-index:900}.homepage-container .intro .avatar .orb-icon{background-color:#001220;border:2px solid #c62368;border-radius:100%;display:grid;font-size:48px;padding:10px;place-items:center;position:absolute;transition:.2s ease-in-out;z-index:900}.homepage-container .intro .avatar .orb-icon:hover{color:#00fa9a;-webkit-transform:scale(1.1);transform:scale(1.1)}.homepage-container .intro .avatar .orb-icon:first-of-type{top:-90px}.homepage-container .intro .avatar .orb-icon:nth-of-type(2){bottom:-30px;left:-30px}.homepage-container .intro .avatar .orb-icon:nth-of-type(3){bottom:-30px;right:-30px}.homepage-container .intro .buttons-container{align-items:center;-webkit-animation:avatar-entry 2s 1;animation:avatar-entry 2s 1;display:flex;flex-direction:row;justify-content:space-around;max-width:300px;z-index:900}.homepage-container .intro .buttons-container .button{align-items:center;display:flex;flex-direction:row;font-size:18px;justify-content:center;margin:1em;min-width:140px;width:50%;z-index:10}.homepage-container .intro .buttons-container .button svg{margin-right:10px}.homepage-container .intro .intro-spacer{aspect-ratio:960/300;background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;left:0;position:absolute;width:100%}.homepage-container section{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.homepage-container section .content-container{padding:2em;width:700px}.homepage-container section .content-container .sparkle{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:floating;animation-name:floating;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;color:#742d71;font-size:64px;opacity:1;opacity:.4;position:absolute;z-index:1}@-webkit-keyframes floating{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(15px);transform:translateY(15px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes floating{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(15px);transform:translateY(15px)}to{-webkit-transform:translate(0);transform:translate(0)}}.homepage-container .whoami{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.homepage-container .whoami *{z-index:10}.homepage-container .whoami .title h1{font-size:4rem}.homepage-container .whoami .text{font-size:1.7rem;text-align:center}.homepage-container .whoami .k-word{color:#00fa9a}.homepage-container .projects{margin-bottom:4em;max-width:1200px;width:90vw}.homepage-container .projects .projects-title{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:15px;padding:10px;text-align:center}.homepage-container .projects .projects-title h1{font-size:4rem}.homepage-container .projects .projects-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%}.homepage-container .projects .projects-container .item{border-radius:10px;display:flex;flex-direction:column;font-size:large;height:250px;margin:2rem;position:relative;transition:.25s ease-in-out;width:300px}.homepage-container .projects .projects-container .item:hover{box-shadow:0 20px 20px -11px rgba(202,5,77,.5);-webkit-transform:scale(1.1);transform:scale(1.1)}.homepage-container .projects .projects-container .item:hover .icon img{-webkit-filter:grayscale(0);filter:grayscale(0)}.homepage-container .projects .projects-container .item .icon{background-color:#001220;border-radius:100%;display:grid;height:100px;left:50%;overflow:hidden;place-items:center;position:absolute;top:-20px;-webkit-transform:translate(-50%);transform:translate(-50%);width:100px;z-index:100}.homepage-container .projects .projects-container .item .icon img{-webkit-filter:grayscale(30%);filter:grayscale(30%);height:100px;height:auto;width:100px}.homepage-container .projects .projects-container .item .background{background-color:#001220;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88'%3E%3Cpath fill-rule='evenodd' d='M29.42 29.41c.36-.36.58-.85.58-1.4V0h-4v26H0v4h28c.55 0 1.05-.22 1.41-.58h.01zm0 29.18c.36.36.58.86.58 1.4V88h-4V62H0v-4h28c.56 0 1.05.22 1.41.58zm29.16 0c-.36.36-.58.85-.58 1.4V88h4V62h26v-4H60c-.55 0-1.05.22-1.41.58h-.01zM62 26V0h-4v28c0 .55.22 1.05.58 1.41.37.37.86.59 1.41.59H88v-4H62zM18 36c0-1.1.9-2 2-2h10a2 2 0 1 1 0 4H20a2 2 0 0 1-2-2zm0 16c0-1.1.9-2 2-2h10a2 2 0 1 1 0 4H20a2 2 0 0 1-2-2zm16-26a2 2 0 0 1 2-2 2 2 0 0 1 2 2v4a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-4zm16 0a2 2 0 0 1 2-2 2 2 0 0 1 2 2v4a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-4zM34 58a2 2 0 0 1 2-2 2 2 0 0 1 2 2v4a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-4zm16 0a2 2 0 0 1 2-2 2 2 0 0 1 2 2v4a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-4zM34 78a2 2 0 0 1 2-2 2 2 0 0 1 2 2v6a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-6zm16 0a2 2 0 0 1 2-2 2 2 0 0 1 2 2v6a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-6zM34 4a2 2 0 0 1 2-2 2 2 0 0 1 2 2v6a2 2 0 0 1-2 2 2 2 0 0 1-2-2V4zm16 0a2 2 0 0 1 2-2 2 2 0 0 1 2 2v6a2 2 0 0 1-2 2 2 2 0 0 1-2-2V4zm-8 82a2 2 0 1 1 4 0v2h-4v-2zm0-68a2 2 0 1 1 4 0v10a2 2 0 1 1-4 0V18zM66 4a2 2 0 1 1 4 0v8a2 2 0 1 1-4 0V4zm0 72a2 2 0 1 1 4 0v8a2 2 0 1 1-4 0v-8zm-48 0a2 2 0 1 1 4 0v8a2 2 0 1 1-4 0v-8zm0-72a2 2 0 1 1 4 0v8a2 2 0 1 1-4 0V4zm24-4h4v2a2 2 0 1 1-4 0V0zm0 60a2 2 0 1 1 4 0v10a2 2 0 1 1-4 0V60zm14-24c0-1.1.9-2 2-2h10a2 2 0 1 1 0 4H58a2 2 0 0 1-2-2zm0 16c0-1.1.9-2 2-2h10a2 2 0 1 1 0 4H58a2 2 0 0 1-2-2zm-28-6a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm8 26a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm16 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM36 20a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm16 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm-8-8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 68a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm16-34a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm16-12a2 2 0 1 0 0 4 6 6 0 1 1 0 12 2 2 0 1 0 0 4 10 10 0 1 0 0-20zm-64 0a2 2 0 1 1 0 4 6 6 0 1 0 0 12 2 2 0 1 1 0 4 10 10 0 1 1 0-20zm56-12a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 48a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm-48 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0-48a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm24 32a10 10 0 1 1 0-20 10 10 0 0 1 0 20zm0-4a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm36-36a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM10 44c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4h-8a2 2 0 0 1-2-2zm56 0c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4h-8a2 2 0 0 1-2-2zm8 24c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4h-8a2 2 0 0 1-2-2zM3 68c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4H5a2 2 0 0 1-2-2zm0-48c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4H5a2 2 0 0 1-2-2zm71 0c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4h-8a2 2 0 0 1-2-2zm6 66a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM8 86a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0-68A6 6 0 1 1 8 2a6 6 0 0 1 0 12zm0-4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm36 36a2 2 0 1 0 0-4 2 2 0 0 0 0 4z' fill='%23ca054d'/%3E%3C/svg%3E");border-radius:8px 8px 0 0;flex:3 1}.homepage-container .projects .projects-container .item .title{background-color:#051929;color:#c62368;flex:1 1;padding:10px 5px 5px;text-align:center;z-index:110}.homepage-container .projects .projects-container .item .title h2{margin:0}.homepage-container .projects .projects-container .item .description{background-color:#051929;border-radius:0 0 8px 8px;flex:5 1;height:50px;overflow-y:auto;padding:5px 15px;text-align:center;width:100%;z-index:110}@-webkit-keyframes wipe-enter{0%{-webkit-transform:scale(0,.25);transform:scale(0,.25)}50%{-webkit-transform:scaleY(.25);transform:scaleY(.25)}}@keyframes wipe-enter{0%{-webkit-transform:scale(0,.25);transform:scale(0,.25)}50%{-webkit-transform:scaleY(.25);transform:scaleY(.25)}}@-webkit-keyframes avatar-entry{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);z-index:900}to{opacity:1;z-index:900}}@keyframes avatar-entry{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);z-index:900}to{opacity:1;z-index:900}}@-webkit-keyframes avatar-light{0%{box-shadow:0 0 50px #c62368}50%{box-shadow:none}to{box-shadow:0 0 50px #c62368}}@keyframes avatar-light{0%{box-shadow:0 0 50px #c62368}50%{box-shadow:none}to{box-shadow:0 0 50px #c62368}}@media screen and (max-width:1024px){.homepage-container section .content-container{width:95%}}@media screen and (max-width:540px){.homepage-container .whoami .text{font-size:1rem}}@media screen and (max-width:420px){.homepage-container .intro .avatar .orb-icon:first-of-type{bottom:-100px;top:auto}.homepage-container .intro .avatar .orb-icon:nth-of-type(2){bottom:-50px;left:10px}.homepage-container .intro .avatar .orb-icon:nth-of-type(3){bottom:-50px;right:10px}}.basic-button{background-image:linear-gradient(180deg,#171718 50%,#c62368 0)!important;background-size:100% 200%;border-radius:5px;color:#fff;display:grid;font-weight:700;letter-spacing:1px;padding:10px;place-items:center;transition:background-position .2s ease-in-out,color .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:background-position .2s ease-in-out,color .2s ease-in-out,transform .2s ease-in-out;transition:background-position .2s ease-in-out,color .2s ease-in-out,transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.basic-button:hover{background-position:0 100%;border-color:#ca054d;color:#fff}.footer{background-attachment:fixed;background-color:#001220;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23D18'/%3E%3Cstop offset='1' stop-color='%23001220'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%23FA3' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23FA3' stop-opacity='.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h800v400H0z'/%3E%3Cg fill-opacity='.3' fill='url(%23b)'%3E%3Ccircle cx='267.5' cy='61' r='300'/%3E%3Ccircle cx='532.5' cy='61' r='300'/%3E%3Ccircle cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E");background-size:cover;display:flex;flex:1 1;justify-content:center;min-height:300px;overflow:hidden;position:relative;width:100%}.footer .content{padding-top:50px;text-align:center;z-index:900}.footer .footer-spacer{aspect-ratio:960/300;background-position:50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;width:100%}@media screen and (max-width:1024px){.footer{min-height:200px}}.spacer{aspect-ratio:960/300;background-position:50%;background-repeat:no-repeat;background-size:cover;-webkit-transform:translateY(-2px);transform:translateY(-2px);width:100%;z-index:100}.homepage-container .sparkle{color:#262853;height:50px;position:absolute;width:50px}.homepage-container .skills-container{align-items:center;display:flex;flex-direction:column;margin-bottom:2em;place-content:center;position:relative}.homepage-container .skills-container .skills-title{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;font-size:48px;padding:10px;place-items:center;transition:.3s;width:100%}.homepage-container .skills-container .skills-title svg{color:#c62368}.homepage-container .skills-container .skills-title:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.homepage-container .skills-container .line{border-bottom:1px solid #c62368;width:40%}.homepage-container .skills-container .skills-content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:1024px;padding:10px;z-index:10}.homepage-container .skills-container .skills-content *{transition:.2s ease-in}.homepage-container .skills-container .skills-content .skill{border:1px solid transparent;border-radius:5px;font-size:72px;margin:.7em;padding:10px;position:relative}.homepage-container .skills-container .skills-content .skill .blocky{background-color:#c62368;border-radius:5px;font-size:medium;left:50%;opacity:0;padding:10px;position:absolute;top:125%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition-delay:50ms;z-index:10}.homepage-container .skills-container .skills-content .skill .blocky-connector{border-left:3px solid #c62368;font-size:medium;height:30%;left:50%;opacity:0;position:absolute;top:116%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:5}.homepage-container .skills-container .skills-content .skill:hover,.homepage-container .skills-container .skills-content .stackHover{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid #c62368;box-shadow:15px -15px #c62368;-webkit-transform:scale(1.1);transform:scale(1.1)}.homepage-container .skills-container .skills-content .skill:hover .blocky,.homepage-container .skills-container .skills-content .skill:hover .blocky-connector,.homepage-container .skills-container .skills-content .stackHover .blocky,.homepage-container .skills-container .skills-content .stackHover .blocky-connector{opacity:1}.homepage-container .skills-container .skills-content .skill:nth-child(odd):hover,.homepage-container .skills-container .skills-content .stackHover:nth-child(odd){border:1px solid #00fa9a;box-shadow:15px -15px #00fa9a}.homepage-container .skills-container .skills-content .skill:nth-child(odd):hover .blocky-connector,.homepage-container .skills-container .skills-content .stackHover:nth-child(odd) .blocky-connector{border-left:3px solid #00fa9a}.homepage-container .skills-container .skills-content .skill:nth-child(odd):hover .blocky,.homepage-container .skills-container .skills-content .stackHover:nth-child(odd) .blocky{background-color:#00fa9a;color:#001220}@media screen and (max-width:1920px){.homepage-container .skills-container .skills-content .skill{font-size:60px;margin:1em .8em}.homepage-container .skills-container .skills-content .skill .blocky{top:135%}}.maron{background-color:#c62368}.swamp{background-color:#001220}a,a:active,a:hover,a:link,a:visited{color:#fff;text-decoration:none}::selection{background:#262853}::-moz-selection{background:#262853}
/*# sourceMappingURL=main.07fdeaf2.css.map*/