@import url(https://fonts.googleapis.com/css2?family=Cinzel);.nav{align-items:flex-start;display:flex;gap:clamp(1.2rem,2.8vw,3rem);justify-content:center;left:50%;position:fixed;top:3rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:20}.nav-about,.nav-contact,.nav-projects,.nav-skills{-webkit-transform:none;transform:none}a{align-items:center;display:flex;flex-direction:column;gap:.625rem;justify-content:center;width:clamp(2.5rem,4vw,3.125rem)}.page-title{color:#fff;cursor:default;font-size:.875rem}.nav-link{opacity:.7;transition:opacity .2s ease}.nav-link.current,.nav-link:hover{opacity:1}.nav-link img{height:auto;width:clamp(1.9rem,2.6vw,2.7rem)}@media (max-width:1100px){.nav{gap:1.5rem;top:5rem}.page-title{display:none}}@media (max-width:768px){.nav{gap:.9rem;top:1rem;width:min(90vw,22rem)}.nav-link{width:clamp(2.2rem,9vw,2.8rem)}.nav-link img{width:100%}}@media (max-width:420px){.nav{gap:.7rem}}.avatar{overflow:hidden;pointer-events:none;position:fixed;z-index:-2}.avatar.about{bottom:-10vh;height:100vh;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.avatar.skills{bottom:-15vh;height:100vh;left:20%;-webkit-transform:translateX(0) scaleX(1);transform:translateX(0) scaleX(1)}.shadow-overlay-skills{background:linear-gradient(90deg,rgba(0,0,0,.25),hsla(0,0%,100%,0));bottom:100vh;display:block;height:100vh;position:fixed;z-index:-1}@media (max-width:1100px){.avatar.skills{bottom:-10vh;height:88vh;left:10%;-webkit-transform:translateX(-50%) scaleX(.8);transform:translateX(-50%) scaleX(.8);z-index:-5}}@media (max-width:768px){.avatar.about{bottom:-12vh;height:90vh;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:-5}.avatar.skills{bottom:-8vh;height:78vh;left:20%;-webkit-transform:translateX(-50%) scaleX(.8);transform:translateX(-50%) scaleX(.8)}}@media (max-width:420px){.avatar.about{bottom:-8vh;height:82vh}}.menu{left:clamp(.5rem,1vw,1rem);-webkit-transform:translateY(-60%);transform:translateY(-60%);width:min(20rem,23vw);z-index:10}.item{align-items:center;cursor:pointer;display:flex;height:clamp(2.6rem,4vw,3.7rem);justify-content:flex-end;left:-10%}.title{font-size:clamp(.75rem,1vw,1rem);padding-right:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.item.active .title{font-size:clamp(1.1rem,1.6vw,1.5rem)}.sub-container{cursor:pointer;display:flex;flex-direction:column;position:fixed;right:clamp(1rem,10vw,15vh);top:24%;width:min(30rem,34vw)}.active-subheading{cursor:default}.item.active:first-child{background:linear-gradient(90deg,var(--transparent),var(--purple) 90%);border-radius:var(--radius-right)}.item.active:nth-child(2){background:linear-gradient(90deg,var(--transparent),var(--blue) 90%);border-radius:var(--radius-right)}.item.active:nth-child(3){background:linear-gradient(90deg,var(--transparent),var(--green) 90%);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) 90%)}.sub-container-2.active-subheading h3{background:linear-gradient(90deg,var(--blue),var(--transparent) 90%)}.sub-container-3.active-subheading h3{background:linear-gradient(90deg,var(--green),var(--transparent) 90%)}.item.active{cursor:default;position:relative}.p-container{display:none;max-height:150px;overflow:hidden;width:min(22rem,80%)}.active-subheading .p-container{display:block;font-size:1rem;margin:10px 0 0;padding:10px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.p-scroll{max-height:150px;overflow:hidden;position:relative}.p-scroll:after{background:linear-gradient(90deg,transparent,#fff 50%);bottom:0;content:"...";cursor:pointer;padding:0 10px;position:absolute;right:0}.p-scroll.expanded{max-height:150px}.scrollable-content{max-height:150px;overflow-y:auto}.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:50%;top:70%;-webkit-transform:translate(-50%,-27%);transform:translate(-50%,-27%);width:min(14rem,38vw)}.sub-container{right:1rem;top:25%;width:min(20rem,65vw)}.item.active .title{font-size:1rem}.item{height:2.2rem}.p-container{max-height:20px;width:200px}.active-subheading .p-container{font-size:.5rem;margin-left:0;margin-top:5px;padding:5px}.p-scroll,.p-scroll.expanded{max-height:25px}.scrollable-content{max-height:90px}}@media (max-width:768px){.menu{top:6.2rem;width:min(90vw,18rem)}.menu,.sub-container{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.sub-container{right:auto;top:15rem;width:min(90vw,22rem)}.title{font-size:.7rem;padding-right:.8rem}.active-subheading .p-container{font-size:.8rem}.icon,.icon-title-container{display:none}h1,h2,h3,p{font-size:.7rem}}@media (max-width:420px){.menu{top:5.5rem}.sub-container{top:13.5rem}}.skill-menu{align-items:flex-end;display:flex;flex-direction:column;position:fixed;right:clamp(1rem,12vw,15vw);top:30%;width:min(31.2rem,42vw);z-index:10}.skill-item{align-items:center;cursor:pointer;display:flex;height:clamp(2.8rem,4vw,3.7rem);justify-content:flex-end;position:relative;width:min(50%,15rem)}.skill-title{font-size:clamp(.8rem,1vw,1rem);padding-right:clamp(1rem,3vw,4.5rem)}.skill-item.activeSkill .skill-title{font-size:clamp(1.1rem,1.5vw,1.5rem)}.activeSkill{border-radius:var(--radius-left);cursor:default}.skill-item.activeSkill:first-child,.skill-item.activeSkill:nth-child(2){background:linear-gradient(270deg,#ffffff00,#25afce 95%)}.skill-icon{height:clamp(3rem,4vw,5rem);left:clamp(5rem,12vw,8rem);position:absolute;top:1.8rem;width:clamp(3rem,4vw,5rem)}.skill-sub-container-1 h3,.skill-sub-container-2 h3{margin:0;position:relative}.menu{display:flex;flex-direction:column;position:fixed;right:clamp(1rem,8vw,15vh);top:50%;-webkit-transform:translateY(-25%);transform:translateY(-25%);width:min(19rem,52vw)}.skill-sub-container-1,.skill-sub-container-2{display:flex;gap:2rem;justify-content:right}.level-container{display:flex;gap:.3rem}.level-point{border-radius:.2rem;height:clamp(.8rem,1.6vw,2rem);width:clamp(1.1rem,2vw,3rem)}.filled{background:linear-gradient(180deg,#236473,#25afce,#7ce7ff)}.unfilled{background:linear-gradient(180deg,#1c8298,#074654,#074654)}.skill-sub-container{display:flex;flex-direction:column;gap:.4rem;margin-top:2rem}@media (max-width:768px){.skill-menu{align-items:center;left:50%;right:auto;top:7rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:min(90vw,22rem)}.skill-item{height:3rem;width:min(70%,13rem)}.skill-item.activeSkill .skill-title{font-size:1rem}.skill-icon{display:none}.level-point{border-radius:.1rem;height:1rem;width:1rem}.level-container{gap:.15rem}.skill-sub-container-1,.skill-sub-container-2{gap:.5rem}.skill-sub-container{gap:.2rem;margin-top:1.5rem}h1{font-size:.5rem}h2,h3,p{font-size:.7rem}}@media (max-width:420px){.skill-menu{top:6.2rem}.skill-title{font-size:.7rem;padding-right:.4rem}}.project-menu{display:flex;gap:clamp(1rem,2vw,2rem);left:50%;position:fixed;top:20%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:min(1000px,90vw)}.project-items-container{align-items:flex-end;display:flex;flex-direction:column;margin-top:5rem;padding:1rem;position:relative;width:min(28rem,42vw)}.project-item{align-items:center;cursor:pointer;display:flex;height:clamp(2.8rem,4vw,3.75rem);justify-content:flex-end;position:relative;width:90%}.project-item.activeProject .title{font-size:clamp(1rem,1.4vw,1.5rem)}.activeProject{border-radius:var(--radius-left);cursor:default}.project-item.activeProject:first-child{background:linear-gradient(270deg,#ffffff00,var(--purple) 70%)}.project-item.activeProject:nth-child(2){background:linear-gradient(270deg,#ffffff00,#8b0000 70%)}.project-item.activeProject:nth-child(3){background:linear-gradient(270deg,#ffffff00,var(--blue) 70%)}.project-item.activeProject:nth-child(4){background:linear-gradient(270deg,#ffffff00,var(--green) 70%)}.project-item.activeProject:nth-child(5){background:linear-gradient(270deg,#ffffff00,orange 70%)}.project-item.activeProject:nth-child(6){background:linear-gradient(270deg,#ffffff00,#ff0 70%)}.project-item.activeProject:nth-child(7){background:linear-gradient(270deg,#ffffff00,pink 70%)}.project-sub-container{display:flex;flex-direction:column;gap:.375rem;margin-top:2rem;padding-left:clamp(1rem,8vw,10rem);width:min(100%,30rem)}.project-sub-container img{align-self:center;border-radius:.5rem;object-fit:contain;opacity:.9;width:min(250px,100%)}.project-sub-container p{font-size:.875rem;width:min(50%,18rem)}.link-container a{color:#fff;height:2.75rem;margin-top:1rem;text-align:center;text-decoration:none}.link-container{display:flex;justify-content:space-around;width:min(50%,18rem)}@media (max-width:1100px){.project-menu{top:20%;width:min(82vw,48rem)}.project-item{height:3rem;width:100%}.project-item.activeProject .title{font-size:1rem;width:100%}.title{font-size:.8rem;width:100%}.project-sub-container p{font-size:.75rem;width:100%}}@media (max-width:768px){.project-menu{align-items:center;display:block;top:7.2rem;width:min(90vw,32rem)}.project-item{height:3rem;width:100%}.project-menu p{font-size:.75rem}.project-sub-container img{width:min(100%,12rem)}.link-container a{height:2rem;margin-top:.5rem;width:50%}.project-items-container{align-items:center;margin-top:1.5rem;padding:0;width:100%}.project-sub-container{margin-top:1rem;padding-left:0;width:100%}}@media (max-width:420px){.project-menu{top:6.5rem}.title{font-size:.72rem}}.contact-menu{left:50%;position:absolute;top:57%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:min(90vw,32rem)}form{display:flex;flex-direction:column;gap:clamp(1rem,2vw,2rem);margin:0 auto;width:min(100%,18.5rem)}.form-group{width:100%}#message,input{background-color:#00000040;border:.07rem solid hsla(0,0%,100%,.4);border-radius:.3rem;color:#fff;font-family:Cinzel,sans-serif;font-size:1rem;font-weight:700;outline:none;padding:.5rem;width:100%}input{height:1.9rem}::-webkit-input-placeholder{color:#fff;font-weight:400}::placeholder{color:#fff;font-weight:400}#message{height:6.2rem;resize:vertical}button{background-color:initial;border:none;color:#fff;cursor:pointer;font-family:Cinzel,sans-serif;font-size:1rem;font-weight:600;padding:.5rem 0;width:100%}.success-message{background-color:#00000030;border:.07rem solid hsla(0,0%,100%,.7);border-radius:.3rem;display:flex;flex-direction:column;justify-content:center;min-height:12.5rem;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}@media (max-width:1100px){.contact-menu{top:50%;width:min(70vw,24rem)}form{width:100%}.success-message p{padding:0 .5rem}}@media (max-width:768px){.contact-menu{top:50%;width:min(88vw,22rem)}form{gap:1rem}#message{min-height:5rem}}*{box-sizing:border-box}html{font-size:16px}body{-webkit-tap-highlight-color:transparent;color:#fff;font-family:Cinzel,sans-serif;font-weight:700;margin:0;min-height:100vh;overflow-x:hidden;text-shadow:2px 2px 4px rgba(0,0,0,.5)}img{display:block;max-width:100%}button,input,textarea{font:inherit}:root{--purple:#540351;--blue:#142878;--green:#1d9e46;--transparent:#00000000;--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,#ffffff00,#ffffff42 50%,#ffffff00)}@media (max-width:768px){html{font-size:14px}body{text-shadow:1px 1px 2px rgba(0,0,0,.45)}}#bg{object-fit:cover;z-index:-5}#bg,.shadow-overlay{height:100vh;left:0;position:fixed;top:0;width:100vw}.shadow-overlay{background-color:rgba(0,0,0,.3);z-index:-4}@media (max-width:700px){.shadow-overlay{background-color:rgba(0,0,0,.6)}}#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:8.75rem}#playerStats__lines__thin{background-color:#d3d3d3;display:block;height:.1rem;left:0;top:0;width:6.2rem}@media (max-width:1100px){#playerStats{height:2.5rem;left:10%;top:50px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:4rem}h1{font-size:.8rem}h2,h3,p{font-size:.7rem}}
/*# sourceMappingURL=main.a48f9bbc.css.map*/