@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.game-container{align-items:center;background:#1a1a2e;display:flex;flex-direction:column;height:95.7vh;justify-content:center;overflow:auto;padding:1rem;position:relative}.game-title{color:#00fff5;font-size:2.8rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 0 10px #00fff54d}.player-turn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:1rem;margin-bottom:2rem;padding:.5rem 1.5rem}.game-board{grid-gap:10px;background:#16213e;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 8px 32px #0000004d;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);padding:15px}.cell{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:16px;cursor:pointer;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.cell:hover:not(:disabled){background:#242444;box-shadow:0 0 15px #00fff533;transform:translateY(-2px)}.cell.filled{background:#242444;box-shadow:inset 0 2px 4px #0003}.cell.O{color:#00fff5;text-shadow:0 0 10px #00fff580}.cell.X{color:#ff2e63;text-shadow:0 0 10px #ff2e6380}.winner-message{animation:slideIn .3s cubic-bezier(.4,0,.2,1);background:#16213e;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 12px 32px #0006;color:#00fff5;font-size:2rem;margin:1rem 0;padding:1.5rem 2rem;text-align:center}.new-game-btn,.reset-btn{align-items:center;background:#ff2e63;border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:1rem;padding:.8rem 1.8rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.new-game-btn:hover,.reset-btn:hover{background:#ff4778;box-shadow:0 0 20px #ff2e6366;transform:translateY(-2px)}.back-btn{background:#16213e;border:1px solid #ffffff1a;border-radius:50px;color:#00fff5;cursor:pointer;font-size:1.1rem;font-weight:600;left:20px;padding:.8rem 1.5rem;position:absolute;top:20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.back-btn:hover{box-shadow:0 0 15px #00fff533;transform:translateY(-2px)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.game-title{font-size:2.5rem}.winner-message{font-size:1.5rem;padding:1.5rem 2rem}.back-btn{font-size:1rem;margin-bottom:20px;padding:.8rem 1.5rem;position:static}.game-container{padding:1rem}}@media (max-width:820px){.back-btn{margin-bottom:20px;position:static}.game-container{padding-top:1rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:#00fff5;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00ccc5}*{margin:0;padding:0;scrollbar-color:#00fff5 #1a1a2e;scrollbar-width:thin}body{background:#1a1a2e;color:#fff;font-family:Poppins,sans-serif}html{scroll-behavior:smooth}p{color:#e0e0e0}#desktop-nav,.btn,a{transition:all .3s ease}#desktop-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ef2;display:flex;height:80px;justify-content:space-around;left:0;position:fixed;right:0;top:0;z-index:1000}.nav-links{display:flex;font-size:1.5rem;gap:2.5rem;justify-content:center;list-style:none;padding-bottom:2rem;padding-top:2rem}a{color:#fff;padding:.5rem 0;position:relative;text-decoration:none}a:after{background:#00fff5;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}a.active:after,a:hover:after{width:100%}.logo{color:#00fff5;font-size:2rem;font-weight:600;text-shadow:0 0 10px #00fff54d}.logo:hover{cursor:default}#hamburger-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ef2;display:none;left:0;position:fixed;right:0;top:0;z-index:1000}.hamburger-menu{display:inline-block;position:relative}.hamburger-icon{cursor:pointer;display:flex;flex-direction:column;height:24px;justify-content:space-between;width:30px}.hamburger-icon span{background-color:#00fff5;height:2px;transition:all .3s ease-in-out;width:100%}.menu-links{background:#1a1a2ef2;max-height:0;overflow:hidden;position:absolute;right:0;top:100%;transition:all .3s ease-in-out;width:fit-content}.menu-links a{color:#fff;display:block;font-size:1.5rem;padding:10px;text-align:center;text-decoration:none}.menu-links li{list-style:none}.menu-links.open{max-height:300px}.hamburger-icon.open span:first-child{transform:rotate(45deg) translate(10px,5px)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:last-child{transform:rotate(-45deg) translate(10px,-5px)}section{box-sizing:border-box;height:96vh;margin:0 10rem;min-height:fit-content;padding-top:4vh;position:relative}#profile,.section-container{display:flex}#profile{gap:5rem;height:100vh;justify-content:center;padding-top:6rem}.section__pic-container{border-radius:50%;box-shadow:0 10px auto #00fff533;display:flex;height:400px;margin:auto 0;width:400px}.section__text{align-self:center;text-align:center}.section__text p{font-weight:600}.section__text__p1{color:#00fff5;font-size:1.5rem;padding-top:4rem;text-align:center}.section__text__p2{font-size:1.75rem;margin-bottom:1rem}.title{color:#fff;font-size:3rem;text-align:center;text-shadow:0 0 10px #00fff54d}#socials-container{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.icon{cursor:pointer;filter:invert(89%) sepia(61%) saturate(454%) hue-rotate(140deg) brightness(102%) contrast(101%);height:2rem;transition:all .3s ease}.icon:hover{transform:translateY(-5px)}.btn-container{display:flex;gap:1rem;justify-content:center}.btn{background:#0000;border:2px solid #00fff5;border-radius:2rem;color:#fff;cursor:pointer;font-weight:600;padding:1rem;transition:all .3s ease;width:8rem}.btn:hover{background:#00fff5;box-shadow:0 10px 20px #00fff533;color:#1a1a2e;transform:translateY(-3px)}#about{position:relative}.about-containers{gap:2rem;margin-bottom:2rem;margin-top:2rem}.about-details-container{flex-direction:column;justify-content:center}.about-containers,.about-details-container{display:flex}.about-pic{border-radius:2rem}.arrow{bottom:2.5rem;position:absolute;right:-5rem}.details-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:2rem;flex:1 1;padding:1.5rem;text-align:center;transition:all .3s ease}.details-container:hover{box-shadow:0 10px 20px #0003;transform:translateY(-5px)}.section-container{gap:4rem;height:80%}#experience{position:relative}.experience-sub-title{color:#00fff5;font-size:1.75rem;font-weight:600;margin-bottom:2rem}.experience-details-container{display:flex;flex-direction:column;justify-content:center}.article-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:2.5rem;justify-content:space-around;text-align:left;text-align:initial}article{align-items:center;display:flex;gap:.5rem;width:10rem}article .icon{cursor:default}.skill-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.skill-percentage{color:#00fff5;font-weight:600}.skill-item{margin-bottom:1rem;width:100%}.skill-info{width:100%}.progress-bar-container{background:#ffffff1a;border-radius:4px;height:8px;margin-top:.5rem;overflow:hidden;width:100%}.progress-bar{border-radius:4px;height:100%;transition:width 1s ease}#projects{position:relative}.color-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-color:#ffffff1a}.project-img{border-radius:2rem;height:90%;width:90%}.project-title{color:#00fff5;margin:1rem}#contact{display:flex;flex-direction:column;height:70vh;justify-content:center}.contact-info-upper-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:2rem;display:flex;justify-content:center;margin:2rem auto;padding:.5rem}.contact-info-container{align-items:center;display:flex;gap:.5rem;justify-content:center;margin:1rem;transition:all .3s ease}.contact-info-container:hover{transform:translateY(-3px)}.contact-info-container p{font-size:larger}.contact-icon{cursor:default}.email-icon{height:2.5rem}footer{height:26vh;margin:0 1rem}footer p{color:#00fff5;text-align:center}@media screen and (max-width:1400px){#profile{height:83vh;margin-bottom:6rem}.about-containers{flex-wrap:wrap}#contact,#projects{height:fit-content}}@media screen and (max-width:1200px){#desktop-nav{display:none}#hamburger-nav{display:flex}#experience,.experience-details-container{margin-top:2rem}#profile,.section-container{display:block}.arrow{display:none}.section-container,section{height:fit-content}section{margin:0 5%}.section__pic-container{height:275px;margin:0 auto 2rem;width:275px}.about-containers{margin-top:0}}@media screen and (max-width:600px){#contact,footer{height:40vh}#profile{height:83vh;margin-bottom:0}article{font-size:1rem}footer nav{height:fit-content;margin-bottom:2rem}.about-containers,.btn-container,.contact-info-upper-container{flex-wrap:wrap}.contact-info-container{margin:0}.contact-info-container p,.nav-links li a{font-size:1rem}.experience-sub-title{font-size:1.25rem}.logo{font-size:1.5rem}.nav-links{flex-direction:column;gap:.5rem;text-align:center}.section__pic-container{height:46vw;justify-content:center;width:auto}.section__text__p2{font-size:1.25rem}.title{font-size:2rem}.text-container{text-align:justify}}
/*# sourceMappingURL=main.8a574d9f.css.map*/