body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}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%;cursor:pointer;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;cursor:pointer;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 .avatar-pic{z-index:900}.homepage-container .intro .avatar .avatar-pic img{border-radius:50%;height:300px;min-width:100px;position:relative;width:300px;z-index:920}.homepage-container .intro .avatar .avatar-pic svg{height:150%;left:0;position:absolute;top:0;-webkit-transform:translate(-15%,-10%);transform:translate(-15%,-10%);width:150%;z-index:910}.homepage-container .intro .avatar .orb-icon{background-color:#001220;border-radius:100%;cursor:pointer;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:#ca054d;-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;gap:2em;justify-content:center;width:100%}@-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;cursor:pointer;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%}}.project-card{border-radius:15px;box-shadow:0 10px 15px -3px #000c14;cursor:pointer;display:flex;flex-direction:column;height:500px;transition:.3s;width:300px}.project-card:hover{box-shadow:0 5px 15px -3px #da3f67;-webkit-transform:scale(1.05);transform:scale(1.05)}.project-card .top-magic{border-radius:40%;box-shadow:inset 0 0 50px 15px #001220;flex:2 1;position:relative}.project-card .top-magic .icon-container{-webkit-backdrop-filter:blur(.7px);backdrop-filter:blur(.7px);height:100%;width:100%}.project-card .top-magic .icon-container .icon{border-radius:100%;height:128px;left:50%;overflow:hidden;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:128px;z-index:10}.project-card .top-magic .icon-container .icon img{height:100%;width:100%}.project-card .title{background-color:#051929;border-radius:15px 15px 0 0;color:#c62368;display:grid;flex:1 1;font-size:30px;font-weight:bolder;letter-spacing:2px;place-items:center;z-index:20}.project-card .content{background-color:#051929;border-radius:0 0 15px 15px;flex:6 1;overflow:hidden;position:relative}.project-card .content .text{font-size:x-large;padding:10px 20px;position:relative;text-align:center;z-index:20}.project-card .content .content-wave{aspect-ratio:30/30;background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;left:0;position:absolute;width:100%;z-index:10}.plus-bg{background-color:#001220!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23e0125d' fill-opacity='.52' fill-rule='evenodd'/%3E%3C/svg%3E")}.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.ed6ceab8.css.map*/