@import url(https://fonts.googleapis.com/css2?family=Russo+One&display=swap);.nav{align-items:flex-start;display:flex;gap:1.5625rem;left:50%;position:fixed;top:3rem}.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;text-decoration:none}.nav-background-icon{background:#ffffff80;border-radius:40%;position:fixed;z-index:-3}.nav-link.current,.nav-link:hover{opacity:1}.nav-link.current .nav-background-icon{bottom:1.5rem;height:70px;opacity:1;width:70px}@media (max-width:1100px){.nav-about,.nav-contact,.nav-projects,.nav-skills{transform:translateX(0)}.nav{top:calc(100vh - 8rem);transform:translateX(-50%)}.nav-link,.nav-link img{width:2rem}.nav-link.current .nav-background-icon{height:2.5rem;top:-.25rem;width:2.5rem}.page-title{display:none}}@media (max-width:700px){.nav{top:calc(100vh - 10rem);transform:translateX(-50%)}}@media (max-width:400px){.nav{top:calc(100vh - 5rem);transform:translateX(-50%)}}.avatar{overflow:hidden;position:fixed;z-index:-2}.avatar.about{border-radius:50%;height:37rem;left:50%;opacity:.75;top:55%;transform:translate(-50%,-50%);width:37rem}.avatar.skills{bottom:-.1vh;height:50vh;left:-1.5rem;transform:translateX(0) scaleX(-1)}.shadow-overlay-skills{background:linear-gradient(90deg,#0000,#fff0);display:block;height:100vh;position:fixed;width:100vh;z-index:-1}@media (max-width:1100px){.avatar.skills{z-index:-5}.avatar.about{top:50%}}@media (max-width:700px){.avatar.skills{display:none}.avatar.about{height:30rem;opacity:1;width:30rem;z-index:-5}}@media (max-width:650px){.avatar.skills{display:none}.avatar.about{height:20rem;opacity:1;width:20rem;z-index:-5}}@media (max-height:700px){.avatar.about{height:15rem;opacity:1;width:15rem;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.5em}.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(--color-1) 70%);border-radius:var(--radius-right)}.item.active:nth-child(2){background:linear-gradient(90deg,var(--transparent),var(--color-2) 70%);border-radius:var(--radius-right)}.item.active:nth-child(3){background:linear-gradient(90deg,var(--transparent),var(--color-3) 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(--color-1),var(--transparent) 100%)}.sub-container-2.active-subheading h3{background:linear-gradient(90deg,var(--color-2),var(--transparent) 100%)}.sub-container-3.active-subheading h3{background:linear-gradient(90deg,var(--color-3),var(--transparent) 100%)}.item.active{cursor:default;position:relative}.p-container{display:none}.active-subheading .p-container{display:block;font-size:1.1rem;line-height:1.5rem;text-align:center}.sub-container-1.active-subheading p,.sub-container-2.active-subheading p,.sub-container-3.active-subheading p{background-color:#0006;border-radius:1rem}.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}@media (max-width:1100px){.menu{left:5vw}.item .title{font-size:.8rem}.item.active .title{font-size:1rem}.sub-container{width:15.5rem}.p-container p{justify-content:center;text-align:center;width:100%}}@media (max-width:700px){.sub-container{left:50%;top:50%;transform:translateX(-50%);width:15rem}.item{height:2rem}.title{font-size:.5rem}.item.active .title{font-size:.7rem}.active-subheading .p-container{font-size:1rem}.icon,.icon-title-container{display:none}h1{font-size:.8rem}h2,h3,p{font-size:1rem}.p-container p{justify-content:center;text-align:center;width:100%}}.skill-menu{align-items:flex-end;display:flex;flex-direction:column;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(--color-1) 70%)}.skill-item.activeSkill:nth-child(2),.skill-item.activeSkill:nth-child(3){background:linear-gradient(270deg,#fff0,var(--color-2) 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:right}.level-container{display:flex;gap:.3rem}.level-point{border-radius:.2rem;height:2rem;width:3rem}.filled{background:linear-gradient(180deg,#16ff00,#687eff,#80b3ff,#0f6292)}.unfilled{-webkit-backdrop-filter:blur(5rem);backdrop-filter:blur(5rem);background-color:#fff3}.skill-sub-container{display:flex;flex-direction:column;gap:.4rem;margin-top:2rem}@media (max-width:1100px){.skill-item.activeSkill .skill-title{font-size:1rem}h2.skill-title{margin-left: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:.4rem}.skill-sub-container{gap:.2rem;margin-top:2rem}h1{font-size:.8rem}h2,h3,p{font-size:.7rem}.skill-menu{align-items:center;flex-direction:column;left:50%;top:30%;transform:translateX(-50%)}.skill-item{height:2rem;width:12rem}}@media (max-width:700px){.menu{left:50%;top:30%;transform:translateY(-50%);width:10rem}}.project-menu{display:flex;left:50%;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(--color-1) 70%)}.project-item.activeProject:nth-child(2){background:linear-gradient(270deg,#fff0,var(--color-2) 70%)}.project-item.activeProject:nth-child(3){background:linear-gradient(270deg,#fff0,var(--color-3) 70%)}.project-sub-container{display:flex;flex-direction:column;gap:.375rem;margin-top:2rem;width:60%}.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;text-align:center;text-decoration:none;width:50%}.link-container{display:flex;justify-content:space-around}.carousel{display:flex;margin-top:2rem;overflow:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;text-align:center}.carousel img{width:27rem}.carousel-item{flex:0 0 auto;scroll-snap-align:start;width:100%}.carousel-text p{background-color:#0006;border-radius:.5rem;font-size:.8rem;margin-left:1.5rem;overflow:hidden;width:80%}.project-title{background:linear-gradient(270deg,#fff0,var(--color-1) 70%);border-radius:var(--radius-left);font-size:1.5rem;margin-bottom:1rem}@media (max-width:1100px){.project-title{font-size:.8rem;margin-left:2rem}.project-menu{top:20%;transform:translateX(-50%);width:28rem}.project-item{height:1rem;width:100%}.title{font-size:.6rem;margin-left:2rem}.project-item.activeProject .title{font-size:.75rem}.carousel img{width:17rem}}@media (max-width:700px){.project-menu{align-items:center;flex-direction:column;width:18rem}.project-menu p{font-size:.5rem}.project-sub-container{margin-top:1rem;width:12rem}.project-sub-container img{width:12rem}.link-container a{height:1rem;margin-top:.5rem;width:40%}.project-items-container{margin-top:0}.project-sub-container p{font-size:.5rem}}.contact-menu{left:50%;position:absolute;top:57%;transform:translate(-50%,-50%)}form{display:flex;flex-direction:column;gap:2rem;width:18.5rem}.form-group{width:100%}#message,input{background-color:#00000040;border:.07rem solid #fff6;border-radius:.3rem;color:#fff;font-family:Russo One,sans-serif;font-size:1rem;font-weight:700;outline:none;padding:.5rem;width:100%}input{height:1.9rem}::placeholder{color:#fff;font-weight:400}#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:102%}.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}label{display:none}.social-contact{left:90%;position:fixed;top:4%;transform:translateX(-50%);width:2rem}@media (max-width:1100px){.contact-menu{top:50%}}@media (max-width:700px){.contact-menu{width:70%}form{width:100%}#message,input{width:92%}.success-message p{padding:0 .5rem}}#bg{-moz-filter:blur(7px);-o-filter:blur(7px);-ms-filter:blur(7px);filter:blur(7px);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}}body{-webkit-tap-highlight-color:transparent;color:#fff;font-family:Russo One,sans-serif}:root{--color-1:#007fff;--color-2:#4b9cd3;--color-3:#00bfff;--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)}#playerStats{display:flex;flex-direction:column;height:4rem;justify-content:space-between;left:3rem;position:fixed;top:3rem;width:15rem}h1{font-size:1.5rem}h1,h2{margin:0}h2{font-size:1rem}#playerStats__lines{align-items:center;display:flex}#playerStats__lines__thick{background-color:#fff;display:block;height:.2rem;left:0;top:0;width:7.5rem}#playerStats__lines__thin{background-color:#fff;display:block;height:.1rem;left:0;top:0;width:4rem}@media (max-width:1100px){#playerStats{height:2.5rem;left:50%;top:2rem;transform:translateX(-50%);width:8rem}h1{font-size:.9rem}h2,h3,p{font-size:.7rem;width:10rem}#playerStats__lines__thick{height:.2rem;width:5rem}#playerStats__lines__thin{height:.1rem;width:2rem}}
/*# sourceMappingURL=main.0c20610f.css.map*/