*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:#221722;color:#fff;font-family:Roboto,sans-serif}h1,h2,h3{font-family:Poppins,sans-serif}body.menu-open{overflow:hidden}.app-layout{min-height:100%;display:flex;flex-direction:column}.page{flex:1;width:100%;display:block}.navbar{display:flex;align-items:center;justify-content:space-between;max-width:75rem;margin:1rem auto;padding:0 1.25rem;text-decoration:none}.navbar img{max-width:12rem;cursor:pointer;transition:.5s ease;margin-right:1.5rem}.navbar img:hover{transform:scale(1.05)}.nav-menu{display:flex;flex-wrap:nowrap;box-sizing:border-box;list-style:none;gap:3rem;margin-left:auto;margin-right:2.5rem;transition:right .5s ease-in-out;position:relative}.nav-item{flex-wrap:nowrap;text-decoration:none;font-size:1.25rem;color:#ebebeb;cursor:pointer;transition:.5s ease}.nav-item:hover{transform:scale(1.1)}.nav-menu a{text-decoration:none;color:inherit;transition:color .5s ease}.nav-menu a:hover{color:#b923e1}.menu-open{display:none;width:3rem;height:3rem}.menu-close{display:none;width:2.5rem;height:2.5rem}@media(max-width:768px){.menu-open{display:block;position:fixed;right:1.25rem;top:1.25rem;z-index:3;opacity:1;transition:opacity .5s ease-in-out;pointer-events:auto}.menu-open.hidden{opacity:0;pointer-events:none}.nav-menu{position:fixed;flex-direction:column;align-items:flex-start;margin-right:0;top:0;right:-100%;background-color:#2b192b;width:18rem;height:100%;padding-top:3.75rem;gap:1.875rem;transition:right .3s ease-in-out;z-index:2}.nav-menu.active{right:0}.nav-menu.hidden{right:-100%}.nav-menu.active~.menu-open{display:none}.menu-close{display:block;position:absolute;top:1.5rem;right:1.5rem;z-index:3}.nav-item{margin-left:1.25rem}}.home{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100vw;margin:2rem auto;padding:0 1.5rem}.home-img{width:17rem;height:17rem;object-fit:cover;border-radius:50%;border:.125rem solid #b923e1;box-shadow:0 0 10px #b923e1b3,0 0 20px #b923e199,0 0 40px #b923e180}.home-intro{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:90%}.home p{font-size:1.25rem;text-align:center;color:#ebebeb}.home-action{display:flex;justify-content:center;align-items:center;gap:2rem;font-weight:500}.home-connect,.home-resume{display:inline-block}.home-connect a,.home-resume a{display:inline-block;text-decoration:none;font-size:1.25rem;color:#b923e1;padding:1.25rem 2.5rem;border-radius:3.125rem;border:.125rem solid #b923e1;cursor:pointer;transition:transform .5s ease}.home-connect a:hover,.home-resume a:hover{color:#b923e1;border-color:transparent;box-shadow:0 0 10px #b923e1b3,0 0 20px #b923e199,0 0 40px #b923e180}.home-connect:hover,.home-resume:hover{transform:scale(1.05)}@media(max-width:1024px){.home-title{font-size:3rem;width:90%}.home p{width:80%}.home-action{flex-direction:column;gap:1.25rem}.home-connect,.home-resume{width:100%;text-align:center;padding:1.25rem}}@media(max-width:768px){.home{padding:0 1.25rem}.home p{font-size:1.25rem}.home-action{flex-direction:column;width:100%;gap:.9375rem}.home-connect,.home-resume{width:100%;max-width:18.75rem;padding:1.25rem}}@media(max-width:480px){.home{gap:1rem}.home-title text{font-size:60px}.home p{width:90%;font-size:1rem;line-height:1.5rem}.home-action{gap:.5rem}.home-connect,.home-resume{padding:1.125rem;max-width:17.5rem}.home-connect a,.home-resume a{font-size:1rem}.home-connect a{padding:1rem 2rem}.home-img{width:10rem;height:10rem}}.about{position:relative;padding:0 2rem 2rem;max-width:85rem;margin:1.5rem auto;z-index:1}.about:before{content:"";position:absolute;inset:0;background-image:url(/assets/about_img.png);background-size:cover;background-position:center;filter:blur(1px);z-index:-1;border-radius:1rem;opacity:.7}.about-img-container{display:flex;justify-content:center;align-items:center}.about-img{width:16rem;height:16rem;object-fit:cover;border-radius:20%;border:.125rem solid #b923e1;box-shadow:0 0 10px #b923e1b3,0 0 20px #b923e199,0 0 40px #b923e180;image-rendering:smooth}.about-title{padding:.5rem 0 3rem}.about-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;margin:0 auto}.about-feature-card{background:#18031ebe;border-radius:1.5rem;box-shadow:0 0 15px #b923e11f;padding:1.25rem;color:#ebebeb;display:flex;flex-direction:column;align-items:flex-start;min-height:180px;transition:box-shadow .3s}.about-feature-card:hover{box-shadow:0 0 30px #b923e140}.about-feature-card p{font-size:1.25rem;line-height:1.7;margin:.5rem 0}.about-feature-card p .highlight{color:#d7a9e4}@media(max-width:1024px){.about-feature-grid{grid-template-columns:1fr 1fr;gap:1.5rem}.about-img{width:15rem;height:15rem}}@media(max-width:768px){.about-feature-grid{grid-template-columns:1fr;gap:1rem}.about-img{width:8rem;height:8rem}.about-feature-card p{font-size:1.15rem;line-height:1.5;margin:.5rem 0}}@media(max-width:480px){.about-title text{font-size:60px}.about-feature-card p{font-size:1rem;line-height:1.5}}.skills{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;max-width:75rem;margin:1.5rem auto;padding:0 1.5rem}.skills-title{position:relative;display:inline-block;overflow:visible}.skills-para{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:900px;margin-bottom:1.5rem;font-size:1.25rem;line-height:1.5;color:#ebebeb}.skills-para p .highlight{color:#d7a9e4}.skills-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:3rem}.skill-section{background:#b923e11a;border-radius:15px;padding:1.5rem 2.5rem;box-shadow:0 0 15px #b923e133;transition:box-shadow .5s ease;margin-bottom:.5rem}.skill-section:hover{box-shadow:0 0 25px #b923e166}.skill-section h2{color:#a73bc5;font-size:1.5rem;margin-bottom:1rem}.skill-section ul{list-style-type:disc;padding-left:1rem}.skill-section ul li{font-size:1.25rem;margin-bottom:.5rem;color:#dddbdb}.skill-section ul li span{font-weight:800}@media(max-width:1024px){.skill-section h2{font-size:2rem;margin-bottom:1.5rem}.skill-section ul{list-style-type:disc;padding-left:1.5rem}.skill-section ul li{font-size:1.25rem;margin-bottom:.75rem;color:#dddbdb}.skill-section ul li span{font-weight:700}}@media(max-width:768px){.skills-para{font-size:1.25rem}.skill-section ul{list-style-type:disc;padding-left:1.5rem}.skill-section ul li{font-size:1.15rem;margin-bottom:.75rem;color:#dddbdb}.skill-section ul li span{font-weight:700}}@media(max-width:480px){.skills-title text{font-size:60px}.skills-para{margin-bottom:1.75rem;line-height:1.5;font-size:1rem}.skill-section h2{font-size:1.25rem;margin-bottom:1rem}.skill-section ul{list-style-type:disc;padding-left:1rem}.skill-section ul li{font-size:1rem;line-height:1.25}.skill-section ul li span{font-weight:700}}.portfolio{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;max-width:75rem;margin:1.5rem auto;padding:0 1.5rem}.portfolio-title{position:relative;display:inline-block;overflow:visible}.portfolio-para{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:900px;margin:0 auto;font-size:1.25rem;color:#ebebeb}.portfolio-para p+p{margin-top:1.5rem}.portfolio-para p .highlight{color:#d7a9e4}.repo-para{margin-bottom:2rem}.portfolio-img a img{width:2.5rem}.portfolio-para a{display:inline-block;transition:transform .5s;border-radius:50%}.portfolio-para a img{display:inline-block;border-radius:50%;transition:box-shadow .5s ease,transform .5s ease}.portfolio-para a:hover img{transform:scale(1.2)}.portfolio-container{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%;gap:2.5rem}.portfolio-container img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;max-width:100%;border-radius:.625rem;cursor:pointer;transition:transform .5s ease,box-shadow .5s ease;border:.125rem solid #b923e1}.portfolio-container img:hover{transform:scale(1.05);border-color:#b923e1;box-shadow:0 0 10px #b923e1b3,0 0 20px #b923e199,0 0 40px #b923e180}@media(max-width:1024px){.portfolio-title h1{font-size:3.75rem}.portfolio-para{font-size:1.25rem;gap:.75rem}.portfolio-container{gap:1.875rem;grid-template-columns:1fr 1fr}}@media(max-width:768px){.portfolio-title h1{font-size:3.125rem;text-align:center}.portfolio-para{font-size:1.125rem;gap:.625rem;text-align:center}.portfolio-container{grid-template-columns:1fr;gap:1.25rem}}@media(max-width:480px){.portfolio{gap:1rem}.portfolio-title text{font-size:60px}.portfolio-para{font-size:1rem;gap:.5rem;line-height:1.25}.portfolio-para img{width:70%;height:70%}.portfolio-container{width:90%}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;max-width:75rem;margin:1.5rem auto;padding:0 1.5rem}.contact-title{position:relative;display:inline-block;overflow:visible}.contact-sections{display:flex;gap:9.375rem;width:100%}.contact-left{display:flex;flex-direction:column;flex:1;gap:1.875rem}.contact-left p{font-size:1.25rem;line-height:1.5}.contact-details{display:flex;flex-direction:column;gap:1rem}.contact-detail{display:flex;align-items:center;gap:1rem}.contact-detail img{flex-shrink:0;width:2rem;height:2rem}.contact-detail p{margin:0;word-break:break-word}.contact-link{display:flex;align-items:center;gap:1rem;text-decoration:none;color:inherit;transition:color .5s ease}.contact-link:hover{color:#b923e1;text-decoration:underline}.contact-right{display:flex;flex-direction:column;flex:1;gap:1rem}.contact-right label{font-size:1.25rem;font-weight:500;color:#ebebeb}.contact-right input,.contact-right textarea{border:none;width:100%;padding:.75rem;border-radius:.25rem;background:#b923e11a;color:#dddbdb;font-size:1.25rem;box-sizing:border-box;font-family:Roboto,sans-serif}.contact-right input:focus,.contact-right textarea:focus{outline:none;box-shadow:0 0 5px 2px #b923e1b3;border-radius:.25rem;background-color:#b923e126}.contact-submit{background:transparent;border-radius:3.125rem;border:.125rem solid #b923e1;font-size:1.25rem;color:#b923e1;padding:1.25rem 2.5rem;cursor:pointer;transition:transform .5s;width:fit-content;margin:0 auto}.contact-submit:hover{border-color:transparent;box-shadow:0 0 10px #b923e1b3,0 0 20px #b923e199,0 0 40px #b923e180;transform:scale(1.05)}@media(max-width:1024px){.contact-title h1{font-size:3.75rem}.contact-sections{gap:5rem}}@media(max-width:768px){.contact-title h1{font-size:3.125rem}.contact-sections{flex-direction:column;align-items:center;gap:3.75rem}.contact-left,.contact-right{align-items:center;text-align:center;width:100%}.contact-left p{font-size:1.125rem;line-height:1.5rem}.contact-right input,.contact-right textarea{width:90%;max-width:500px}.contact-right label,.contact-right input,.contact-right textarea{font-size:1rem}.contact-details{align-items:center}.contact-detail{gap:.5rem}}@media(max-width:480px){.contact-title text{font-size:60px}.contact-left p{font-size:1rem;line-height:1.25rem}.contact-submit{padding:1rem 2.5rem;font-size:1.125rem}.contact-right label{font-size:1.125rem}.contact-right input,.contact-right textarea{font-size:1rem;padding:.9375rem}.contact-detail{gap:.75rem}}.footer{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:75rem;margin:1.5rem auto;padding:0 1.25rem}.footer-content{display:flex;justify-content:space-between;align-items:center;width:100%}.footer-left{display:flex;flex-direction:column;align-items:flex-start;color:#ebebeb;margin-right:2rem}.footer-right{display:flex;flex-direction:column;align-items:flex-start}.footer-links{display:flex;gap:1.5rem}.footer-links img{width:2rem;height:2rem;border-radius:50%;cursor:pointer;transition:.5s}.footer-links img:hover{transform:scale(1.2)}@media(max-width:768px){.footer-content{flex-direction:column;align-items:center;gap:1.25rem}.footer-left,.footer-right{align-items:center;text-align:center;margin-right:0}.footer-left p{font-size:1rem}.footer-links{justify-content:center;gap:.75rem}.footer-links img{width:1.75rem;height:1.75rem}}