@import"https://fonts.googleapis.com/css2?family=Russo+One&display=swap";.nav{position:fixed;display:flex;align-items:flex-start;top:3rem;gap:1.5625rem;left:50%}.nav-about{transform:translate(-1.56rem)}.nav-skills{transform:translate(-6.25rem)}.nav-projects{transform:translate(-10.94rem)}.nav-contact{transform:translate(-15.62rem)}a{width:3.125rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.625rem}.page-title{font-size:.875rem;color:#fff;cursor:default}.nav-link{opacity:.7}.nav-link:hover,.nav-link.current{opacity:1}@media (max-width: 1100px){.nav-about,.nav-skills,.nav-projects,.nav-contact{transform:translate(0)}.nav{top:calc(100vh - 8rem);transform:translate(-50%)}.nav-link,.nav-link img{width:2rem}.page-title{display:none}}.avatar{position:fixed;overflow:hidden;z-index:-2}.avatar.about{height:89vh;bottom:-8vh;left:50%;transform:translate(-50%)}.avatar.skills{height:190vh;bottom:-110vh;left:-1.5rem;transform:translate(0) scaleX(-1)}.shadow-overlay-skills{height:100vh;width:100vh;display:block;position:fixed;background:linear-gradient(90deg,#00000040,#fff0);z-index:-1}@media (max-width: 1100px){.avatar.skills{z-index:-5;height:95vh;bottom:-15vh}}@media (max-width: 700px){.avatar.about{z-index:-5;height:95vh;bottom:-15vh}}.menu{width:19rem;position:fixed;display:flex;flex-direction:column;top:60%;transform:translateY(-60%);left:10vw}.item{height:3.7rem;display:flex;justify-content:flex-end;align-items:center;cursor:pointer}.title{font-size:1rem;padding-right:2.5rem}.item.active .title{font-size:1.5rem}.sub-container{width:18.5rem;position:fixed;display:flex;flex-direction:column;top:32%;right:10vw;cursor:pointer}.active-subheading{cursor:default}.item.active:nth-child(1){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{position:relative;cursor:default}.p-container{display:none}.active-subheading .p-container{display:block;font-size:1rem}.icon-title-container{display:flex;gap:1.2rem;margin-bottom:.5rem;cursor:default}.icon{width:3rem;height:3rem}.sub-container-1 h3,.sub-container-2 h3,.sub-container-3 h3{position:relative;margin:.2rem 0;padding:.5rem 0 .5rem 1rem}@media (max-width: 700px){.sub-container{right:1rem}.item.active .title{font-size:1rem}.item{height:2rem}}@media (max-width: 700px){.sub-container{width:15rem;top:50%;left:50%;transform:translate(-50%)}.title{font-size:.8rem;padding-right:2.5rem}.active-subheading .p-container{font-size:.8rem}.icon-title-container,.icon{display:none}h1,h2,h3,p{font-size:.8rem}}.skill-menu{width:31.2rem;position:fixed;display:flex;flex-direction:column;top:30%;right:15vw;align-items:flex-end}.skill-item{height:3.7rem;width:50%;display:flex;position:relative;justify-content:flex-end;align-items:center;cursor:pointer}.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:nth-child(1){background:linear-gradient(270deg,#ffffff00,var(--purple) 70%)}.skill-item.activeSkill:nth-child(2){background:linear-gradient(270deg,#ffffff00,var(--blue) 70%)}.skill-icon{width:5rem;height:5rem;position:absolute;top:1.8rem;left:8rem}.skill-sub-container-1 h3,.skill-sub-container-2 h3{position:relative;margin:0}.menu{width:19rem;position:fixed;display:flex;flex-direction:column;top:50%;transform:translateY(-25%);right:15vw}.skill-sub-container-1,.skill-sub-container-2{display:flex;justify-content:right;gap:2rem}.level-container{display:flex;gap:.3rem}.level-point{width:3rem;height:2rem;border-radius:.2rem}.filled{background:linear-gradient(180deg,#236473,#25afce,#7ce7ff)}.unfilled{background:linear-gradient(180deg,#1c8298,#074654,#074654)}.skill-sub-container{margin-top:2rem;display:flex;flex-direction:column;gap:.4rem}@media (max-width: 1100px){.skill-item.activeSkill .skill-title{font-size:1rem}.skill-icon{display:none}.level-point{width:1.2rem;height:1rem;border-radius:.1rem}.level-container{gap:.15rem}.skill-sub-container-1,.skill-sub-container-2{gap:.5rem}.skill-sub-container{margin-top:2rem;gap:.2rem}h1{font-size:.8rem}h2,h3,p{font-size:.7rem}.skill-menu{flex-direction:column;left:50%;transform:translate(-50%);align-items:center;top:30%}.skill-item{height:2rem;width:12em}}@media (max-width: 700px){.menu{width:10rem;top:30%;left:50%;transform:translateY(-50%)}}.project-menu{width:45rem;position:fixed;display:flex;top:25%;left:50%;transform:translate(-50%)}.project-items-container{flex-direction:column;display:flex;position:relative;width:40%;margin-top:12rem;align-items:flex-end}.project-item{height:3.75rem;width:90%;display:flex;position:relative;justify-content:flex-end;align-items:center;cursor:pointer}.project-item.activeProject .title{font-size:1.5rem}.activeProject{border-radius:var(--radius-left);cursor:default}.project-item.activeProject:nth-child(1){background:linear-gradient(270deg,#ffffff00,var(--purple) 70%)}.project-item.activeProject:nth-child(2){background:linear-gradient(270deg,#ffffff00,var(--blue) 70%)}.project-item.activeProject:nth-child(3){background:linear-gradient(270deg,#ffffff00,var(--cyan) 70%)}.project-sub-container{width:60%;margin-top:2rem;display:flex;flex-direction:column;gap:.375rem}.project-sub-container h3{position:relative;margin:0}.project-sub-container img{width:100%;object-fit:cover;border-radius:.5rem 3rem .5rem .5rem;opacity:.9}.project-sub-container p{font-size:.875rem}.link-container a{color:#fff;text-decoration:none;margin-top:1rem;width:50%;height:2.75rem;text-align:center}.link-container{display:flex;justify-content:space-around}@media (max-width: 1100px){.project-menu{width:28rem;top:20%;transform:translate(-50%)}.project-item{height:2rem;width:100%}.project-item.activeProject .title{font-size:1rem}.title{font-size:.8rem}}@media (max-width: 700px){.project-menu{width:28rem;flex-direction:column;align-items:center}.project-menu p{font-size:.7rem}.project-sub-container{margin-top:1rem;width:12rem}.project-sub-container img{width:12rem}.link-container a{margin-top:.5rem;width:50%;height:2rem}.project-items-container{margin-top:0}}.contact-menu{position:absolute;top:57%;left:50%;transform:translate(-50%,-50%)}form{display:flex;flex-direction:column;gap:2rem;width:18.5rem}.form-group{width:100%}input,#message{width:100%;background-color:#00000040;border-radius:.3rem;border:.07rem solid rgba(255,255,255,.4);outline:none;color:#fff;padding:.5rem;font-weight:700;font-size:1rem;font-family:Russo One,sans-serif}input{height:1.9rem}::placeholder{color:#fff;font-weight:400}#message{height:6.2rem;resize:none}button{color:#fff;font-size:1rem;font-weight:600;width:102%;padding:.5rem 0;background-color:transparent;border:none;font-family:Russo One,sans-serif;cursor:pointer}.success-message{text-align:center;display:flex;flex-direction:column;justify-content:center;background-color:#00000030;width:100%;height:12.5rem;border-radius:.3rem;border:.07rem solid rgba(255,255,255,.7)}.success-message p{margin:.5rem;padding:0 3.7rem}.error-message{padding:.3rem;color:#fff;background-color:#ff3b3b;border-radius:.2rem}label{display:none}@media (max-width: 1100px){.contact-menu{top:50%}}@media (max-width: 700px){.contact-menu{width:70%}form{width:100%}input,#message{width:92%}.success-message p{padding:0 .5rem}}body{font-family:Russo One,"sans-serif";color:#fff;-webkit-tap-highlight-color:transparent}:root{--purple: #540351;--blue: #3627b1;--cyan: #25afce;--transparent: #00000000;--radius-left: #3rem 0 0 3rem;--radius-right: #0 3rem 3rem 0}button:hover,.class-sub-container a:hover,a.project-item:hover,.skill-item:hover,.item:not(.active):hover,.sub-container-2:not(.active-subheading):hover,.sub-container-3:not(.active-subheading):hover{background-image:linear-gradient(90deg,#fff0,#ffffff42 50%,#fff0)}#bg{object-fit:cover;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:-5}.shadow-overlay{position:fixed;top:0;left:0;z-index:-4;width:100vw;height:100vh;background-color:#0006}@media (max-width: 700px){.shadow-overlay{background-color:#000000b3}}#playerStats{width:15rem;height:4rem;position:fixed;display:flex;flex-direction:column;justify-content:space-between;top:3rem;left:3rem}h1{margin:0;font-size:1.5rem}h2{margin:0;font-size:1rem}#playerStats__lines{display:flex;align-items:center}#playerStats__lines__thick{display:block;background-color:#fff;height:.2rem;width:8.75rem}#playerStats__lines__thin{display:block;background-color:#d3d3d3;height:.1rem;width:6.2rem}@media (max-width: 1100px){#playerStats{left:50%;transform:translate(-50%);width:8rem;height:2.5rem;top:2rem}h1{font-size:.8rem}h2,h3,p{font-size:.7rem}}