@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bangers&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}:root{--color-bg:#fff;--color-text:#16161a;--color-accent:#dfba00;--color-brand:#7b1fa2;--color-secondary:#6c63ff;--color-border:#8c8c8c;--color-shadow:#805390}.dark-mode{--color-bg:#0b0b0e;--color-text:#9a9a98;--color-accent:#ffd600;--color-brand:#964eb5;--color-secondary:#4f378b;--color-border:#232027;--color-shadow:#d45cffa0;--color-contrast-text:#16161a}body{background-color:#fff;background-color:var(--color-bg);color:#16161a;color:var(--color-text );font-family:Arial,sans-serif;scrollbar-width:none;transition:all .3s ease}::-webkit-scrollbar{display:none}li,p,span{font-family:Lato,sans-serif;font-style:normal;font-weight:400}.navbar{padding:20px;text-align:center}button{border:none;border-radius:5px;color:#16161a;color:var(--color-text);cursor:pointer;font-size:16px;padding:10px 20px;transition:background .3s ease}button,button:hover{background-color:#dfba00;background-color:var(--color-accent)}button:hover{opacity:.8}.highlight-text{color:#dfba00;color:var(--color-accent);font-family:lato,sans-serif;font-size:1.2rem;font-style:normal;font-weight:700}.heading{animation:slide-in-left .5s cubic-bezier(.25,.46,.45,.94) both;color:var(--color-heading)}@keyframes slide-in-left{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@media screen and (max-width:768px){.heading{font-size:3rem}.heading,.navbar{text-align:center}.navbar,button{padding:10px}button{font-size:1rem;margin-top:10px;width:100%}.highlight-text{font-size:1.5rem}span{font-size:1rem}}*{box-sizing:border-box;margin:0;padding:0}.theme-button{background-color:var(--color-accent);border:none;border-radius:50%;color:var(--color-text);cursor:pointer;padding:10px;transition:background .3s ease}.theme-button img,.theme-button svg{vertical-align:middle}.theme-button:hover{opacity:.8}.navbar{align-items:center;display:flex;justify-content:space-evenly}.navbar .btn,.navbar-links button{transition:background-color .4s,color .4s}.navbar .btn{background-color:var(--color-bg);border:none;border-radius:6em;color:var(--color-text);cursor:pointer;display:inline-block;font-family:inherit;font-size:13px;font-weight:500;margin:10px;padding:10px 15px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .2s}.btn:hover{background-color:var(--color-accent);box-shadow:0 10px 20px #0003;color:var(--color-contrast-text);transform:translateY(-3px)}.btn:active{box-shadow:0 5px 10px #0003;transform:translateY(-1px)}.btn:after{background-color:var(--color-secondary);border-radius:100px;content:"";display:inline-block;height:100%;left:0;position:absolute;top:0;transition:all .4s;width:100%;z-index:-1}.btn:hover:after{opacity:0;transform:scaleX(1.4) scaleY(1.6)}.hamburger{display:none}@media (max-width:768px){.hamburger{align-items:center;background:#0000;border-radius:50%;box-shadow:0 0 10px var(--color-accent);display:flex;flex-direction:column;height:50px;justify-content:center;left:10px;position:fixed;top:10px;width:50px;z-index:1000}.NavBar ul,.navbar-links{display:none}.theme-button{background-color:initial;right:10px;top:10px;z-index:1000}}.menu-icon{align-items:center;background-color:var(--color-bg);border:1px solid var(--color-accent);border-radius:50%;cursor:pointer;display:flex;flex-direction:column;height:50px;justify-content:center;width:50px}.bar{background-color:var(--color-accent);border-radius:5px;height:3px;margin:3px 0;transition:all .3s ease-in-out;width:30px}.menu{align-items:center;background-color:#fffffff2;border-radius:10px;box-shadow:0 2px 8px var(--color-accent);display:none;flex-direction:column;justify-content:center;left:0;padding:10px 0;position:absolute;top:60px;width:120px;z-index:1001}.hamburger:focus-within .menu,.hamburger:hover .menu{display:flex}.hero-section{height:86vh;margin-top:100px;padding:50px 20px;text-align:left}.hero-section,.hero-section .hero-content{align-items:flex-start;display:flex;flex-direction:column}.hero-section .hero-content{border-radius:10px;color:#16161a;margin:0 auto;max-width:800px;min-height:30vh;min-width:30vw;padding:20px;transition:transform .3s ease,text-shadow .3s ease,background-color .3s ease}.hero-section .hero-content:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:scale(1.05)}.hero-content:hover h1{color:#964eb5;text-shadow:0 2px 8px var(--color-shadow)}.hero-section h1{color:#8e44ad;font-family:Bangers,system-ui;font-size:7rem;font-style:normal;font-weight:900;letter-spacing:.5rem;margin-bottom:0;transition:all .3s ease}.typewriter{color:var(--color-accent);font-family:monospace;margin-bottom:20px;overflow:hidden;white-space:nowrap}.cursor{display:inline-block;width:1ch}.hero-section p{color:var(--color-text);font-size:1.2rem;margin-bottom:20px}.social-medias{gap:24px;margin-top:30px}.cta-button{justify-content:center}.cta-button svg{background-color:var(--color-bg);padding:6px}.cta-button .tooltip{top:110%}button.cta-button:hover svg{box-shadow:0 10px 16px hsla(70,90%,69%,.715);transform:scale(1.1);transition:transform .3s ease}.cta-button:hover{background-color:initial;color:var(--color-accent);text-shadow:0 0 10px var(--color-secondary)}.social-medias a:hover svg{box-shadow:0 10px 16px hsla(70,90%,69%,.715);transform:scale(1.1);transition:transform .3s ease}@media screen and (max-width:768px){.hero-section{height:auto;padding:20px;text-align:left}.hero-section h1{font-size:4rem}.hero-content{max-width:100%;min-height:auto;padding:10px}.hero-content h1{font-size:3rem}.hero-content p{direction:ltr;font-size:1rem}.cta-button svg{height:30px;width:30px}.cta-button .tooltip{left:50%;transform:translateX(-50%)}.social-medias{align-items:center;flex-direction:row}.cta-button{margin-top:20px}.social-medias{gap:16px}.cta-button svg{height:42px;width:42px}}.projects-section{display:flex;flex-direction:column;padding:3rem 5rem;text-align:left}.project-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:left}.project-card{align-items:flex-start;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:5px;color:var(--color-text);display:flex;flex-direction:column;height:40svh;justify-content:space-between;margin:10px 5px;padding:20px;transition:box-shadow .3s ease;transition:all .3s ease;width:20svw}.project-card:after{background:var(--color-brand);bottom:-.2em;box-shadow:0 2px 10px var(--color-brand);content:"";height:3px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}.project-card:hover:after{transform:scaleX(1)}.project-card:hover{background-color:#ead0f3;box-shadow:0 2px 10px var(--color-brand);color:var(--color-contrast-text);transform:translateY(-5px)}.project-card h3{color:var(--color-brand);font-family:lato,monospace;font-size:1.5rem;font-style:italic;font-weight:500;margin-top:0}.project-card button{align-items:center;background-color:var(--color-accent);border:2px solid var(--color-accent);border-radius:50%;cursor:pointer;display:flex;height:50px;justify-content:center;margin-top:10px;padding:10px;width:50px}.project-card button:hover{background-color:initial;border:none}.project-card button>svg{border-radius:50%;height:30px;width:30px}.project-card button:hover svg{fill:var(--color-contrast-text);box-shadow:0 2px 10px var(--color-contrast-text);transform:scale(1.1);transition:transform .3s ease}@media screen and (max-width:768px){.projects-section{padding:2rem}.project-cards{align-items:center;flex-direction:column}.project-card{height:auto;width:90%}.project-card h3{font-size:1.2rem}}.about-section{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;min-height:50vh;padding:0 5rem}.heading{color:var(--color-accent);font-size:5rem;margin-bottom:3rem;margin-right:100px;position:relative}.heading:after{background:var(--color-accent);bottom:-.2em;content:"";height:3px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1);width:30%}.heading:hover:after{transform:scaleX(1)}.heading:hover{text-shadow:0 0 8px var(--color-accent)}.intro p{color:var(--color-text);font-size:1.5rem;margin-bottom:2rem;width:70%}.technologies>h2{color:var(--color-accent);margin:1.5rem 0}.technologies ul{list-style:none;padding-left:0}.technologies li{align-items:center;color:var(--color-text);display:flex;font-size:1.1rem;margin-bottom:12px}@media screen and (max-width:768px){.about-section{padding:5rem 2rem}.heading{font-size:3rem;margin-right:0}.intro p{font-size:1.2rem;width:100%}.technologies li{font-size:1rem}}.social-links-wrapper{background-color:var(--color-bg-secondary);margin-top:60px;padding:40px 20px;text-align:center}.social-medias{flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:20px}.cta-button,.social-medias{align-items:center;display:flex}.cta-button{background-color:initial;border:none;border-radius:50%;cursor:pointer;font-size:16px;padding:10px;position:relative;transition:box-shadow .3s ease}.cta-button svg{fill:var(--color-accent);border-radius:50%;height:32px;width:32px}.cta-button .tooltip{background-color:var(--color-accent);border-radius:6px;color:var(--color-bg);font-size:.7rem;left:50%;opacity:0;padding:5px 10px;position:absolute;text-align:center;top:120%;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;white-space:nowrap;z-index:1001}.cta-button:hover .tooltip{opacity:1;visibility:visible}.cta-button:hover svg{box-shadow:0 10px 16px hsla(70,90%,69%,.715);transform:scale(1.1);transition:transform .3s ease}.footer-note{color:var(--color-primary);font-size:1rem;font-weight:400;margin-top:20px}.footer-note span{color:var(--color-accent);font-weight:700;text-shadow:0 0 6px var(--color-accent)}@media screen and (max-width:768px){.social-medias{flex-direction:row;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:20px}.cta-button{margin:0;padding:10px}.cta-button svg{height:28px;width:28px}.cta-button .tooltip{left:50%;top:110%;transform:translateX(-50%)}}
/*# sourceMappingURL=main.0255f262.css.map*/