@import url(https://fonts.googleapis.com/css2?family=Russo+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Prompt&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kanit&family&display=swap);.nav{align-items:flex-start;display:flex;gap:1.5625rem;left:50%;position:fixed;top:3rem;transform:translateX(-50%)}.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{top:calc(100dvh - 5rem);transform:translateX(-50%)}.nav-link,.nav-link img{width:2rem}.page-title{color:#fff;font-size:.875rem}}.avatar{overflow:hidden;position:fixed;z-index:-2}.avatar.about{bottom:-2vh;height:85vh;left:48%;transform:translateX(-50%)}.avatar.skills{bottom:-65vh;height:150vh;left:-1.5rem;transform:translateX(0) scaleX(-1)}@media (max-width:1100px){.avatar.about,.avatar.skills{bottom:-15vh;height:95vh;z-index:-5}.avatar.about{left:45%}}@media (max-width:700px){.avatar.about{bottom:-15vh;height:95vh;left:45%;z-index:-5}}.menu{flex-direction:column;left:13vw;position:fixed;top:40%;transform:translateY(-60%);width:20rem}.item,.menu{display:flex}.item{align-items:center;cursor:pointer;height:3rem;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}p{width:25rem}k{color:cyan;font-size:1.25rem}.active-subheading{cursor:default}.item.active:first-child{background:linear-gradient(90deg,var(--transparent),var(--cyan) 70%);border-radius:var(--radius-right)}.item.active:nth-child(2){background:linear-gradient(90deg,var(--transparent),var(--purple) 70%);border-radius:var(--radius-right)}.item.active:nth-child(3){background:linear-gradient(90deg,var(--transparent),var(--blue) 70%);border-radius:var(--radius-right)}.sub-container h3{width:26rem}.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(--cyan),var(--transparent) 100%)}.sub-container-2.active-subheading h3{background:linear-gradient(90deg,var(--purple),var(--transparent) 100%)}.sub-container-3.active-subheading h3{background:linear-gradient(90deg,var(--blue),var(--transparent) 100%)}.item.active{cursor:default;position:relative}.p-container{display:none}.active-subheading .p-container{display:block;font-size:.95rem;padding-left:1.2rem}.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:700px){.sub-container{right:1rem}.item.active .title{font-size:1rem}.item{height:2rem}.sub-container{left:50%;top:45%;transform:translateX(-50%);width:17.5rem}.title{padding-right:2.5rem}.active-subheading .p-container,.title{font-size:.8rem}.icon,.icon-title-container{display:none}h1,h2,p{font-size:.8rem}.sub-container h3{font-size:.8rem;font-weight:800;width:17.5rem}p{width:16rem}}.skill-menu{align-items:flex-end;display:flex;flex-direction:column;position:fixed;right:15vw;top:25%;width:30rem}.k1,.skill-item{align-items:center;cursor:pointer;display:flex;height:3rem;justify-content:flex-end;position:relative;width:60%}.skill-title{font-size:1rem;padding-right:1rem}.skill-item.activeSkill .skill-title,.skill-item.activeSkill .skill-title1{font-size:1.5rem}.activeSkill{border-radius:var(--radius-left);cursor:default}.skill-item.activeSkill:first-child{background:linear-gradient(90deg,#fff0,var(--purple) 100%);border-radius:var(--radius-right)}.skill-item.activeSkill:nth-child(2){background:linear-gradient(90deg,#fff0,var(--blue) 100%);border-radius:var(--radius-right)}.skill-icon{height:5rem;left:8rem;position:absolute;top:.8rem;width:5rem}.skill-sub-container-1 h3,.skill-sub-container-2 h3{margin:0;position:relative}.skill-sub-container-1,.skill-sub-container-2{display:flex;gap:1rem;justify-content:right}.level-container{display:flex;gap:.3rem}.level-point{border-radius:.2rem;height:2rem;width:2.5rem}.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:1rem}k1{color:cyan}@media (max-width:1400px){.skill-menu{right:8vw;top:15%}}@media (max-width:1100px){.skill-item .skill-title{font-size:.8rem}.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{gap:.5rem}.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;left:-3%;width:15rem}.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{gap:.5rem}.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:12em}}@media (max-width:700px){.menu{left:50%;top:30%;transform:translateY(-50%);width:10rem}}.project-menu{display:flex;left:50%;position:fixed;top:22.5%;transform:translateX(-50%);width:50rem}.project-items-container{align-items:flex-end;display:flex;flex-direction:column;margin-top:5rem;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;padding-left:1rem;width:15rem}.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-item.activeProject:nth-child(4){background:linear-gradient(270deg,#fff0,var(--purple) 70%)}.project-sub-container{display:flex;flex-direction:column;gap:.375rem;width:100%}.project-sub-container h3{font-size:1.2rem;margin-bottom:.5rem;position:relative;width:100%}.project-sub-container img{border-radius:.5rem 3rem .5rem .5rem;object-fit:cover;padding-left:10%;width:75%}.project-sub-container p{font-size:.875rem;margin-bottom:0;margin-top:.5rem;width:100%}.link-container a{color:#fff;font-size:1rem;font-weight:600;height:2rem;margin-top:.5rem;text-align:center;text-decoration:none;width:50%}.link-container{display:flex;justify-content:space-around}@media (max-width:1100px){.project-menu{top:20%;transform:translateX(-50%);width:28rem}.project-item{height:2rem;width:85%}.project-item.activeProject .title{font-size:1rem}.title{font-size:.8rem}}@media (max-width:700px){.project-sub-container img{padding-left:20%}.project-menu{align-items:center;flex-direction:column;top:5rem;width:30rem}.project-menu p{font-size:.7rem}.project-sub-container{margin-top:.5rem;width:20rem}.project-sub-container h3{font-size:1rem;margin-bottom:.2rem;width:100%}.project-sub-container img{width:12rem}.link-container a{height:1rem;margin-top:.5rem;width:50%}.project-items-container{left:15%;margin-top:0}}.contact-menu{left:50%;position:absolute;top:65%;transform:translate(-50%,-50%)}p3{font-size:1rem;font-weight:600;top:30%}p3,p4{left:50%;position:absolute;text-align:center;transform:translate(-50%,-50%);width:100%}p4{font-size:1.2rem;font-weight:700;top:35%}form{display:flex;flex-direction:column;gap:1.5rem;width:18.5rem}.form-group{width:100%}#message,input{background-color:#00000040;border:.07rem solid #fff6;border-radius:.3rem;color:#fff;font-size:1rem;font-weight:700;outline:none;padding:.5rem;width:100%}input{height:1.9rem}::placeholder{color:hsla(0,0%,100%,.733);font-weight:400}#message,::placeholder{font-family:Kanit,sans-serif}#message{height:6.2rem;resize:none}button{background-color:initial;border:none;color:#fff;cursor:pointer;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;font-family:Kanit,sans-serif;font-weight:700;height:12.5rem;justify-content:center;text-align:center;width:100%}.success-message p{font-family:Kanit,sans-serif;font-weight:600;margin:.5rem;padding:0 3.7rem}.error-message{background-color:#ff3b3b;border-radius:.1rem;color:#fff;padding:.3rem}label{display:none}@media (max-width:1100px){.contact-menu{top:50%}p3{display:none}p4{top:17.5%;width:100%}}@media (max-width:700px){.contact-menu{width:70%}form{width:100%}#message,input{width:92%}button{font-weight:600}.success-message p{align-self:center;padding:0 .5rem;width:75%}}#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}.nobackground{display:none}@media (max-width:700px){.shadow-overlay{background-color:#000000b3;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:-4}.playingvideo{display:none}.nobackground{display:block;height:100vh;left:0;object-fit:cover;position:fixed;top:0;width:100vw;z-index:-5}}#playerStats{display:flex;flex-direction:column;height:4rem;justify-content:space-between;left:3rem;position:fixed;top:3rem;width:20rem}h1,h3{font-size:1.5rem;margin:0}h2{font-size:1rem;margin:0}#playerStats__lines{align-items:center;display:flex}#playerStats__lines__thick{background-color:#fff;display:block;height:.2rem;width:5rem}#playerStats__lines__thin{background-color:#d3d3d3;display:block;height:.1rem;width:12rem}@media (max-width:1100px){#playerStats{height:2.5rem;left:50%;top:2rem;transform:translateX(-50%);width:12rem}h1{font-size:.8rem}h2,h3,p{font-size:.7rem}}body{-webkit-tap-highlight-color:transparent;background-color:#333;color:#fff;font-family:Kanit,sans-serif}: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,.link-container a: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)}
/*# sourceMappingURL=main.4029796b.css.map*/