.nav{align-items:center;background:#0000;bottom:auto;display:flex;height:var(--nav-h);justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.nav-about{transform:translateX(-1.56rem)}.nav-skills{transform:translateX(-6.25rem)}.nav-projects{transform:translateX(-10.94rem)}.nav-contact{transform:translateX(-15.62rem)}a{align-items:center;display:flex;flex-direction:column;gap:.625rem;justify-content:center;width:3.125rem}.page-title{color:#fff;cursor:default;font-size:.875rem}.nav-link{opacity:.7}.nav-link.current,.nav-link:hover{opacity:1}@media (max-width:1100px){.nav-about,.nav-contact,.nav-projects,.nav-skills{transform:translateX(0)}.nav{bottom:auto;left:0;right:0;top:0;transform:none}.nav-link,.nav-link img{width:2rem}.page-title{display:none}:root{--nav-h:56px}}@media (min-width:1101px){.nav .nav-link,.nav .skill-item{align-items:center;display:flex;flex-direction:column;gap:0;height:56px;height:var(--nav-h,56px);justify-content:center;position:relative}.nav .nav-link img,.nav .skill-item img{display:block;height:2.5rem;object-fit:contain;width:auto}.nav .nav-link .page-title,.nav .skill-item .page-title{left:50%;line-height:1;position:absolute;top:calc(100% + .25rem);transform:translateX(-50%);white-space:nowrap}}.avatar{overflow:hidden;position:fixed;z-index:-2}.avatar.about{bottom:-8vh;height:89vh;left:50%;transform:translateX(-50%)}.avatar.skills{bottom:-110vh;height:190vh;left:-1.5rem;transform:translateX(0) scaleX(-1)}.shadow-overlay-skills{background:linear-gradient(90deg,#00000040,#fff0);display:block;height:100vh;position:fixed;width:100vh;z-index:-1}@media (max-width:1100px){.avatar.skills{bottom:-15vh;height:95vh;z-index:-5}}@media (max-width:700px){.avatar.about{bottom:-15vh;height:95vh;z-index:-5}}.menu{left:10vw;top:60%;transform:translateY(-60%)}.item{align-items:center;cursor:pointer;display:flex;height:3.7rem;justify-content:flex-end}.title{font-size:1rem;padding-right:2.5rem}.item.active .title{font-size:1.5rem}.sub-container{cursor:pointer;display:flex;flex-direction:column;position:fixed;right:10vw;top:32%;width:18.5rem}.active-subheading{cursor:default}.item.active:first-child{background:linear-gradient(90deg,var(--transparent),var(--purple) 70%);border-radius:var(--radius-right)}.item.active:nth-child(2){background:linear-gradient(90deg,var(--transparent),var(--blue) 70%);border-radius:var(--radius-right)}.item.active:nth-child(3){background:linear-gradient(90deg,var(--transparent),var(--cyan) 70%);border-radius:var(--radius-right)}.sub-container-1.active-subheading h3,.sub-container-2.active-subheading h3,.sub-container-3.active-subheading h3{border-radius:var(--radius-left)}.sub-container-1.active-subheading h3{background:linear-gradient(90deg,var(--purple),var(--transparent) 100%)}.sub-container-2.active-subheading h3{background:linear-gradient(90deg,var(--blue),var(--transparent) 100%)}.sub-container-3.active-subheading h3{background:linear-gradient(90deg,var(--cyan),var(--transparent) 100%)}.item.active{cursor:default;position:relative}.p-container{display:none}.active-subheading .p-container{display:block;font-size:1rem;font-weight:700}.subheading .subheading-content{font-weight:700}.icon-title-container{cursor:default;display:flex;gap:1.2rem;margin-bottom:.5rem}.icon{height:3rem;width:3rem}.sub-container-1 h3,.sub-container-2 h3,.sub-container-3 h3{margin:.2rem 0;padding:.5rem 0 .5rem 1rem;position:relative}.subheading .subheading-content .actions{margin-top:10px}.subheading .subheading-content .actions .btn{align-items:center;background:#0ea5e9;border-radius:8px;box-shadow:0 6px 18px #00000040;color:#fff;display:inline-flex;font-weight:700;letter-spacing:.2px;padding:8px 14px;text-decoration:none;transition:filter .15s ease,transform .05s ease}.subheading .subheading-content .actions .btn:hover{filter:brightness(1.1)}.subheading .subheading-content .actions .btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.sub-container{-ms-overflow-style:none;bottom:2rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;scrollbar-width:none}.sub-container::-webkit-scrollbar{display:none}@media (max-width:1100px){.menu,.sub-container{top:calc(56px + 7.5rem);top:calc(var(--nav-h, 56px) + 7.5rem)}}@media (max-width:700px){.menu{gap:.5rem;left:50%;top:calc(56px + 10.5rem);top:calc(var(--nav-h, 56px) + 10.5rem);transform:translateX(-50%);width:18.5rem;z-index:2}.item{height:2rem}.item.active .title{font-size:1rem}.title{font-size:.8rem;padding-right:2.5rem}.sub-container{left:50%;right:auto;top:calc(56px + 13rem);top:calc(var(--nav-h, 56px) + 13rem);transform:translateX(-50%);width:15rem}.active-subheading .p-container{font-size:.8rem}.icon,.icon-title-container{display:none}h1,h2,h3,p{font-size:.8rem}}.sub-container .active-subheading .p-container,.sub-container .active-subheading .p-container div,.sub-container .active-subheading .p-container li,.sub-container .active-subheading .p-container p,.sub-container .active-subheading .p-container span{font-weight:700!important}.title .chev{height:14px;margin-left:8px;opacity:.9;transition:transform .2s ease,opacity .2s ease;vertical-align:middle;width:14px}.item:hover .title .chev{opacity:1}.item.active .title .chev{transform:rotate(90deg)}@media (max-width:700px){.title .chev{height:12px;margin-left:6px;width:12px}}.subheading h4{align-items:center;cursor:pointer;display:flex;gap:8px}.subheading h4 .chev.chev-sub{height:12px;margin-left:auto;opacity:.9;transition:transform .2s ease,opacity .2s ease;width:12px}.subheading.active h4 .chev.chev-sub{opacity:1;transform:rotate(90deg)}@media (max-width:700px){.subheading h4 .chev.chev-sub{height:10px;width:10px}}.subheading .subheading-content{padding-left:1.25rem}@media (max-width:700px){.subheading .subheading-content{padding-left:.75rem}}.skill-menu{align-items:flex-end;bottom:2rem;display:flex;flex-direction:column;overflow:hidden;position:fixed;right:15vw;top:30%;width:31.2rem}.skill-item{align-items:center;cursor:pointer;display:flex;height:3.7rem;justify-content:flex-end;position:relative;width:50%}.skill-title{font-size:1rem;padding-right:4.5rem}.skill-item.activeSkill .skill-title{font-size:1.5rem}.activeSkill{border-radius:var(--radius-left);cursor:default}.skill-item.activeSkill:first-child{background:linear-gradient(270deg,#fff0,var(--purple) 70%)}.skill-item.activeSkill:nth-child(2){background:linear-gradient(270deg,#fff0,var(--blue) 70%)}.skill-item.activeSkill:nth-child(3){background:linear-gradient(270deg,#fff0,#25afce 70%);background:linear-gradient(270deg,#fff0,var(--cyan,#25afce) 70%)}.skill-icon{height:5rem;left:8rem;position:absolute;top:1.8rem;width:5rem}.skill-sub-container-1 h3,.skill-sub-container-2 h3,.skill-sub-container-3 h3{margin:0;position:relative}.menu{display:flex;flex-direction:column;position:fixed;right:15vw;top:50%;transform:translateY(-25%);width:19rem}.skill-sub-container-1,.skill-sub-container-2,.skill-sub-container-3{display:flex;gap:2rem;justify-content:flex-end}.level-container{display:flex;gap:.3rem}.level-point{border-radius:.2rem;height:2rem;width:3rem}.filled{background:linear-gradient(180deg,#236473,#25afce,#7ce7ff)}.unfilled{background:linear-gradient(180deg,#1c8298,#074654,#074654)}.skill-sub-container{-ms-overflow-style:none;display:flex;flex:1 1;flex-direction:column;gap:.4rem;margin-top:2rem;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;scrollbar-width:none}.skill-sub-container::-webkit-scrollbar{display:none}@media (max-width:1100px){.skill-item.activeSkill .skill-title{font-size:1rem}.skill-icon{display:none}.level-point{border-radius:.1rem;height:1rem;width:1.2rem}.level-container{gap:.15rem}.skill-sub-container-1,.skill-sub-container-2,.skill-sub-container-3{gap:.5rem}.skill-sub-container{gap:.2rem;margin-top:2rem;max-height:none}h1{font-size:.8rem}h2,h3,p{font-size:.7rem}.skill-menu{align-items:center;bottom:2rem;flex-direction:column;left:50%;top:30%;transform:translateX(-50%)}.skill-item{height:2rem;width:12em}}@media (max-width:700px){.menu{left:50%;top:30%;transform:translateY(-50%);width:10rem}}.project-menu{bottom:2rem;display:flex;left:50%;overflow:hidden;position:fixed;top:25%;transform:translateX(-50%);width:45rem}.project-items-container{align-items:flex-end;display:flex;flex-direction:column;margin-top:12rem;position:relative;width:40%}.project-item{align-items:center;cursor:pointer;display:flex;height:3.75rem;justify-content:flex-end;position:relative;width:90%}.project-item.activeProject .title{font-size:1.5rem}.activeProject{border-radius:var(--radius-left);cursor:default}.project-item.activeProject:first-child{background:linear-gradient(270deg,#fff0,var(--purple) 70%)}.project-item.activeProject:nth-child(2){background:linear-gradient(270deg,#fff0,var(--blue) 70%)}.project-item.activeProject:nth-child(3){background:linear-gradient(270deg,#fff0,var(--cyan) 70%)}.project-sub-container{-ms-overflow-style:none;display:flex;flex-direction:column;gap:.375rem;margin-top:2rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;scrollbar-width:none;width:60%}.project-sub-container::-webkit-scrollbar{display:none}.project-sub-container-1,.project-sub-container-2,.project-sub-container-3{-ms-overflow-style:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;scrollbar-width:none}.project-sub-container-1::-webkit-scrollbar,.project-sub-container-2::-webkit-scrollbar,.project-sub-container-3::-webkit-scrollbar{display:none}.project-sub-container h3{margin:0;position:relative}.project-sub-container img{border-radius:.5rem 3rem .5rem .5rem;object-fit:cover;opacity:.9;width:100%}.project-sub-container p{font-size:.875rem}.link-container a{color:#fff;height:2.75rem;margin-top:1rem;text-align:center;text-decoration:none;width:50%}.link-container{display:flex;justify-content:space-around}@media (max-width:1100px){.project-menu{bottom:2rem;top:20%;transform:translateX(-50%);width:28rem}.project-item{height:2rem;width:100%}.project-item.activeProject .title{font-size:1rem}.title{font-size:.8rem}}@media (max-width:700px){.project-menu{align-items:center;flex-direction:column;width:28rem}.project-menu p{font-size:.7rem}.project-sub-container{margin-top:1rem;width:12rem}.project-sub-container img{width:12rem}.project-items-container{margin-top:0}.link-container{align-items:stretch;display:flex;flex-direction:column;gap:.5rem;justify-content:flex-start}.link-container a{height:2rem;margin-top:0;text-align:center;width:100%}}:root{--nav-height:88px;--header-gap:120px}.contact-menu{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;margin:208px auto 96px;margin:calc(var(--nav-height) + var(--header-gap)) auto 96px;max-height:calc(100vh - 232px);max-height:calc(100vh - var(--nav-height) - var(--header-gap) - 24px);overflow-y:auto;padding-bottom:24px;position:relative;scrollbar-width:none;transform:none;width:min(90vw,28rem)}.contact-menu::-webkit-scrollbar{height:0;width:0}form{display:flex;flex-direction:column;gap:2rem}.form-group,form{width:100%}#message,input,select{background-color:#00000040;border:.07rem solid #fff6;border-radius:.3rem;box-sizing:border-box;color:#fff;font-family:Russo One,sans-serif;font-size:1rem;font-weight:700;outline:none;padding:.5rem;width:100%}input,select{height:48.39px}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27white%27><path d=%27M5.5 7.5l4.5 4.5 4.5-4.5%27/></svg>");background-position:right .6rem center;background-repeat:no-repeat;background-size:.9rem;cursor:pointer;overflow:hidden;padding-right:2.6rem;text-overflow:ellipsis;white-space:nowrap}::placeholder{color:#fff;font-weight:700}::-webkit-input-placeholder{color:#fff;font-weight:700}::-moz-placeholder{color:#fff;font-weight:700}:-ms-input-placeholder{color:#fff;font-weight:700}:-moz-placeholder{color:#fff;font-weight:700}#message{height:6.2rem;resize:none}button{background-color:initial;border:none;color:#fff;cursor:pointer;font-family:Russo One,sans-serif;font-size:1rem;font-weight:600;padding:.5rem 0;width:100%}.success-message{background-color:#00000030;border:.07rem solid #ffffffb3;border-radius:.3rem;display:flex;flex-direction:column;height:12.5rem;justify-content:center;text-align:center;width:100%}.success-message p{margin:.5rem;padding:0 3.7rem}.error-message{background-color:#ff3b3b;border-radius:.2rem;color:#fff;padding:.3rem}#message.error,input.error,select.error{border-color:#ff3b3b}label{display:none}@media (max-width:1099px){.contact-menu{margin:208px auto 80px;margin:calc(var(--nav-height) + var(--header-gap)) auto 80px;max-height:calc(100vh - 240px);max-height:calc(100vh - var(--nav-height) - var(--header-gap) - 32px)}form{gap:1.6rem}}@media (max-width:700px){.contact-menu{margin:216px auto 64px;margin:calc(var(--nav-height) + var(--header-gap) + 8px) auto 64px;max-height:calc(100vh - 228px);max-height:calc(100vh - var(--nav-height) - var(--header-gap) - 20px);width:70%}#message,input,select{width:100%}.success-message p{padding:0 .5rem}}select option{background-color:#000000d9;color:#e8e8e8}body{-webkit-tap-highlight-color:transparent;color:#fff;font-family:sans-serif;font-weight:700}a,button,div,h1,h2,h3,h4,h5,h6,input,label,li,p,select,span,textarea{font-weight:inherit}@media (max-width:1100px){body,body *{font-weight:700!important}}:root{--purple:#540351;--blue:#3627b1;--cyan:#25afce;--transparent:#0000;--radius-left:3rem 0 0 3rem;--radius-right:0 3rem 3rem 0}.class-sub-container a:hover,.item:not(.active):hover,.project-item:hover,.skill-item:hover,.sub-container-2:not(.active-subheading):hover,.sub-container-3:not(.active-subheading):hover,button:hover{background-image:linear-gradient(90deg,#fff0,#ffffff42 50%,#fff0)}#bg{object-fit:cover;z-index:-5}#bg,.shadow-overlay{height:100vh;left:0;position:fixed;top:0;width:100vw}.shadow-overlay{background-color:#0006;z-index:-4}@media (max-width:700px){.shadow-overlay{background-color:#000000b3}}#playerStats{display:flex;flex-direction:column;height:4rem;justify-content:space-between;left:3rem;position:fixed;top:3rem;width:15rem}#playerStats h1{font-size:1.5rem;margin:0}#playerStats h2{font-size:1rem;margin:0}#playerStats__lines{align-items:center;display:flex}#playerStats__lines__thick{background-color:#fff;display:block;height:.2rem;width:8.75rem}#playerStats__lines__thin{background-color:#d3d3d3;display:block;height:.1rem;width:6.2rem}#playerStats h1:first-of-type{line-height:1;white-space:nowrap}@media (max-width:1100px){#playerStats{height:2.5rem;left:50%;top:calc(56px + .75rem);top:calc(var(--nav-h, 56px) + .75rem);transform:translateX(-50%);width:8rem}#playerStats h1{font-size:.8rem}#playerStats h2,#playerStats h3,#playerStats p{font-size:.7rem}}
/*# sourceMappingURL=main.49a32953.css.map*/