@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-,.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-nova,.nav-projects,.nav-skills{transform:translateX(0)}.nav{top:calc(100vh - 8rem);transform:translateX(-50%)}.nav-link,.nav-link img{width:2rem}.page-title{display:none}}.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{flex-direction:column;left:10vw;position:fixed;top:60%;transform:translateY(-60%);width:19rem}.item,.menu{display:flex}.item{align-items:center;cursor:pointer;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:18%;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}.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:12%;transform:translateX(-50%);width:20rem}.title{padding-right:2.5rem}.active-subheading .p-container,.title{font-size:.8rem}.icon,.icon-title-container{display:none}h1,h2,h3,p{font-size:.8rem}}.skills-tabbed-section{margin:0 auto;max-width:1200px;padding:9rem 2rem 2rem;text-align:center;width:100%}.tabs-container{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-bottom:2rem}.tab{background:#1e1e1e;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background .3s ease,transform .2s ease;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.tab:hover{background:#333;transform:scale(1.05)}.activeTab{background:linear-gradient(90deg,#00f0ff,#7ce7ff);color:#000;font-weight:700}.skills-content{align-items:center;animation:fade .4s ease-in;display:flex;flex-direction:column;gap:1.5rem}.skill-entry{max-width:500px;text-align:left;width:100%}.level-container{display:flex;gap:.3rem;margin-top:.4rem}.level-point{border-radius:4px;height:1.2rem;transition:all .3s ease-in-out;width:2rem}.filled{background:linear-gradient(180deg,#236473,#25afce,#7ce7ff)}.unfilled{background:linear-gradient(180deg,#1c8298,#074654,#074654)}@keyframes fade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.tabs-container{flex-direction:row;flex-wrap:wrap;gap:.6rem;justify-content:center}.tab{font-size:.9rem;padding:.4rem .8rem}.level-point{height:1rem;width:1.5rem}.skill-entry{width:90%}}.project-menu{display:flex;flex-direction:row;gap:2rem;justify-content:center;margin:8rem auto;position:relative;width:45rem}.project-items-container{align-items:flex-end;display:flex;flex-direction:column;margin-top:2rem;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{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;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{align-items:center;flex-direction:column;width:90%}.project-item{height:2rem;width:100%}.project-item.activeProject .title{font-size:1rem}.title{font-size:.8rem}.project-sub-container{width:100%}}@media (max-width:700px){.project-menu{align-items:center;flex-direction:column;width:90%}.project-menu p{font-size:.7rem}.project-sub-container{margin-top:1rem;width:90%}.project-sub-container img{width:100%}.link-container a{height:2rem;margin-top:.5rem;width:50%}.project-items-container{align-items:center;margin-top:1rem}}.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}@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}}body{-webkit-tap-highlight-color:transparent;color:#fff;font-family:Russo One,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,.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}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:green;display:block;height:.2rem;width:4.75rem}#playerStats__lines__thin{background-color:#fff;display:block;height:.1rem;width:8.2rem}@media (max-width:1100px){#playerStats{height:2.5rem;left:50%;top:2rem;transform:translateX(-50%);width:8rem}h1{font-size:.8rem}h2,h3,p{font-size:.7rem}}.blog-page{background:#0009;color:#fff;font-family:Arial,sans-serif;min-height:100vh;overflow-y:auto;padding:200px 20px 40px;text-align:left}.blog-post{background:#000000b3;border-radius:10px;box-shadow:0 0 8px #ffffff1a;margin-bottom:20px;padding:15px;transition:transform .2s ease}.blog-post:hover{transform:scale(1.01)}.blog-post h3{color:#fff;margin:0}.blog-post p{color:#ddd;font-size:.95rem;margin-top:5px}.chatbot-container{align-items:flex-end;bottom:20px;display:flex;flex-direction:column;position:fixed;right:20px;z-index:9999}.chatbot-toggle{background-color:#4e8cff;border:none;border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;font-size:22px;height:48px;width:48px}.chatbot-window{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059;border-radius:12px;box-shadow:0 8px 20px #0006;color:#fff;display:flex;flex-direction:column;height:480px;margin-top:10px;overflow:hidden;width:320px}.chatbot-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;font-weight:700;justify-content:space-between;padding:12px 16px}.chatbot-messages{background-color:initial;display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:10px}.chatbot-message{word-wrap:break-word;border-radius:10px;font-size:14px;line-height:1.4;max-width:80%;padding:10px 14px}.chatbot-message.user{align-self:flex-end;background-color:#4e8cffd9;color:#fff}.chatbot-message.bot{align-self:flex-start;background-color:#2a2a2ad9;color:#fff}.chatbot-input{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000040;border-top:1px solid #ffffff1a;display:flex;padding:12px}.chatbot-input input::placeholder{color:#ffffff80}.chatbot-input input:focus{background:#ffffff1f;border-color:#4e8cff}.chatbot-input button{background-color:#4e8cff;border:none;border-radius:8px;box-shadow:0 2px 6px #00000040;color:#fff;cursor:pointer;font-size:18px;margin-left:8px;padding:0 12px;transition:background-color .3s ease}.chatbot-input button:hover{background-color:#3a7bff}
/*# sourceMappingURL=main.783ccf4c.css.map*/