:root{--primary-color:#cfb53b;--secondary-color:#000}*{padding:0;margin:0;box-sizing:border-box}body{background-color:var(--secondary-color);color:var(--primary-color)}section{min-height:100vh;max-width:100%;align-items:center;justify-content:center}button,input,textarea{font-size:1.5rem;border:2px solid var(--primary-color);background-color:var(--secondary-color);color:var(--primary-color);width:40vw;margin:5px}input,textarea{width:85%;justify-content:center;align-items:center}h1,h2,p{text-align:center}.navWrapper{padding:.5rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}.navContent{max-width:1300px;display:flex;align-items:center;justify-content:space-between;padding:1rem 0;margin:0 auto;box-shadow:5px 5px 10px 10px var(--yellow)}.headerLogo{width:20rem;height:auto;font-size:2rem}.navContent ul{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;list-style:none}.navContent li{margin:0 1.3vw}.menuItem{text-decoration:none;font-size:1.4rem;font-weight:500;color:var(--primary-color);position:relative}.menuBtn:hover,.menuItem:focus,.menuItem:hover{color:var(--primary-color);-webkit-text-decoration:underline 7px var(--primary-color);text-decoration:underline 7px var(--primary-color);text-underline-offset:.7rem}.DLModeBtn{font-size:.9rem;font-weight:500;display:flex;background-color:var(--primary-color)}.DLModeBtn,.menuBtn{align-items:center;justify-content:center}.menuBtn{width:2.5rem;height:2.5rem;font-size:1.5rem;display:flex;border:none;border-radius:.4rem;color:#f0f8ff;background-color:linear-gradient(90deg,var(--primary-color) -.13%,var(--secondary-color) 99.87%);line-height:0;transition:all .4s ease;display:none}.imgLogo{width:50px;height:50px;display:none}@media(max-width:800px){.imgLogo,.menuBtn{display:block}.headerLogo,.navContent ul{display:none}}@media(max-width:1325px){.navWrapper{padding:0 2rem}}@media(min-width:1400px){.navWrapper{padding:0 2rem}.navContent{width:1700px;display:flex;align-items:center;justify-content:space-between;grid-gap:5vw;gap:5vw;padding:1rem 5rem;margin:0 5px;border:1px solid #f9ca24}.headerLogo{width:500px;height:5vh;border:1px solid green;font-size:2vw}.navContent ul{padding-left:15vw;grid-gap:1.5vw;gap:1.5vw;align-items:right;float:right}.DLModeBtn,.menuItem{font-size:2vw}}.mobile-menu{width:100vw;height:100vh;display:none;background-color:#000;position:fixed;left:0;top:0;z-index:999!important;opacity:0;box-shadow:0 29px 80px rgba(0,0,0,.3);transition:all .3s ease;transform:translateX(-100vw)}.mobile-menu-container{width:60vw;height:100vh;background-color:initial;padding:2rem}.mobile-menu.active{opacity:1;transform:translateX(0)}.mobile-menu img{margin-bottom:3rem}.mobile-menu ul{display:flex;flex-direction:column;grid-gap:2rem;gap:2rem;list-style:none;margin-left:-2rem}@media(max-width:769px){.mobile-menu{display:block}}.card{min-height:100vh}section{padding:16px}.grid{display:grid;grid-gap:2em;gap:2em;grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.homeImg{align-items:center;justify-content:center;background-image:url(/Portifilo/static/media/AboutMee.23e7277c.png);background-size:contain;box-shadow:inset 0 0 0 2000px rgba(37,43,2,.8);height:85vh;width:100%}.homeImg img{width:300px;height:300px;border:2px solid #3f2601}.homeImg img:hover{-webkit-clip-path:circle(100%);clip-path:circle(100%)}.container{width:90%;margin-inline:auto}.card{min-height:80vh;border-radius:50px;background:linear-gradient(100deg,#3f2601,#996515)}.card,.glass{transition:.5s ease-in-out;transform-style:preserve-3d}.glass{position:absolute;inset:8px;background:linear-gradient(#3f2601,#996515);border-radius:.5rem;border-top-right-radius:100%;border-left:1px solid #fff;border-bottom:1px solid #fff}.logo{transform-style:preserve-3d}.logo,.logo .circle{position:absolute;right:0;top:0}.logo .circle{aspect-ratio:1;border-radius:50%;box-shadow:-10px 10px 20px #3f2601;transition:.5s ease-in-out}.logo .circle1{width:150px;transform:translateZ(60px);top:17px;right:17px;transition-delay:.8s}.logo .circle2{width:130px;transform:translateZ(80px);top:23px;right:23px;transition-delay:1.2s}.logo .circle3{width:100px;transform:translateZ(100px);top:30px;right:30px;transition-delay:1.6s}.content{padding:11rem 20px 0}.cardFooter{position:absolute;bottom:20px;left:30%}.cardFooter .social{transform-style:preserve-3d;display:flex;grid-gap:3em;gap:3em}.gap{grid-gap:5em;gap:5em;margin-left:50px}.cardFooter .social .socialIcon{display:inline-block;width:50px;height:50px;font-size:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#3f2601}img{display:block}#projects img{min-height:500px;width:100%}.contactDiv{border:5px solid #996515}.contactDiv a{color:#996515;font-size:35px;padding:2rem;margin:auto}.felx{display:flex;flex-wrap:wrap}.skills p{font-size:15px}.skills h3{font-size:30px;text-align:center;color:#3f2601}.boxSkill{border:5px solid pink}.margin{margin:4% 0 3% 1%}.margin-top{margin-top:5%}.percentile{position:absolute;margin-top:5px;margin-left:10%;width:35vw;height:7px;background-color:#f0f8ff}.percentileresult{position:absolute;height:7px;background-color:#996515;top:0;left:0}.seventy{width:70%}.seventyfive{width:75%}.eighty{width:80%}.eightyfive{width:85%}@media(max-width:977px){.percentile{position:absolute;margin-top:5px;margin-left:20%;width:60vw}}.footer{justify-content:center;min-height:70px;border:5px solid #ff0}.footer p{font-size:1.5rem;padding-top:1rem}@media(max-width:800px){.footer p{font-size:4vw;padding-top:1rem}}
/*# sourceMappingURL=main.c0f7706f.chunk.css.map */