@import url(https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;700&family=Roboto:wght@400;700&display=swap);:root{--light-primary:#fafafa;--light-secondary:#a8b0cb;--light-thirdary:#697087;--dark-primary:#101829;--dark-secondary:#1e1e1e;--pink:#a43560}*{box-sizing:border-box}body{background-color:#fafafa;background-color:var(--light-primary);color:#697087;color:var(--light-thirdary);font-family:Libre Franklin,serif;margin:0;position:relative}main{align-items:center;display:flex;flex-direction:column}.about,.contact,.projects,.skills{padding:20px;width:100%}h1,h2{color:#697087;color:var(--light-thirdary);font-family:Roboto,sans-serif}h1{font-size:40px}h2{border-bottom:4px solid #a43560;border-bottom:4px solid var(--pink);display:inline-block;font-size:32px;margin-top:0;padding-bottom:8px}p{font-size:16px;letter-spacing:2px;line-height:24px}a{color:#697087;cursor:pointer;transition:.3s}a:hover{color:#a43560;color:var(--pink)}@media(min-width:720px){h1{font-size:45px}h2{font-size:40px}p{font-size:18px;line-height:28px}}@media(min-width:965px){.about,.contact,.projects,.skills{padding:50px 100px}}@media(min-width:1440px){.about,.contact,.projects,.skills{max-width:85%}}.theme-button{align-items:center;background:none;border:none;color:var(--light-thirdary);cursor:pointer;display:flex;font-size:large;gap:.5em;transition:.3s}.theme-button:hover{color:var(--pink)}.theme-btn-desktop{font-size:20px}.navbar{align-items:center;display:flex;height:50px;justify-content:space-between;padding:0 16px;position:fixed;top:0;width:100vw;z-index:9}.navbar-dark{background-color:var(--dark-primary)}.navbar-light{background-color:var(--light-primary)}.logo{height:50px;width:50px}li{text-transform:uppercase}.mobile-hamburger{cursor:pointer;font-size:x-large;margin-right:12px;margin-top:8px}.mobile-hamburger .dark{color:var(--light-primary)}.theme-btn-mobile{font-size:"36px"}.mobile-hamburger:hover{color:var(--pink)}.mobile-list{display:none}.mobile-list-active{align-items:center;display:flex;flex-direction:column;font-weight:700;height:100vh;justify-content:center;list-style:none;margin:0 0 0 -16px;padding:0;position:absolute;top:50px;width:100vw}.mobile-list-active-dark{background-color:var(--dark-primary)}.mobile-list-active-light{background-color:var(--light-primary)}.mobile-list-active li{font-size:36px;margin-bottom:36px}.desktop-list li{margin-left:16px}.desktop-list{display:flex;display:none;list-style:none;margin:0 24px 0 0}@media(min-width:568px){.desktop-list{align-items:center;display:inline-flex}.mobile-hamburger,.mobile-list,.mobile-list-active{display:none}}.banner{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:space-around;margin:20px auto;max-width:1440px;padding:40px 30px}.banner h1{font-size:28px;margin:0}.banner .light-text{border:none;color:var(--light-secondary);margin:0;padding:0}.banner-pink{color:var(--pink);margin-bottom:0}.banner-photo img{border-radius:50%;box-shadow:3px 3px 23px 3px #413f3f4d;height:auto;width:200px}.banner-btn{align-items:center;border:1px solid var(--light-secondary);color:var(--light-secondary);cursor:pointer;display:none;font-size:20px;justify-content:space-between;padding:10px 15px;transition:.3s}.banner-btn:hover{background-color:var(--pink);border-color:var(--pink);color:var(--light-primary)}.banner-btn:hover .btn-arrow{transform:rotate(90deg)}.btn-arrow{margin-left:10px;transition:transform .3s}.banner-p-btn{font-size:14px;margin-bottom:40px}@media(max-height:640px){.banner{margin-bottom:60px}}@media(min-width:568px){.banner-btn{display:inline-flex}.banner-photo img{height:auto;width:280px}}@media(min-width:720px){.banner a{visibility:visible}.banner h1{font-size:52px}.banner-photo img{height:auto;width:320px}.banner-p-btn{font-size:16px}}@media(min-width:965px){.banner-photo img{height:auto;width:360px}.banner{flex-direction:row-reverse;padding:0 100px}.banner-intro{margin-right:50px;padding-left:0}}.about{margin-top:40px}.about-p-container{display:flex;flex-direction:column}.about-p-container .about-intro{color:var(--light-secondary);font-size:30px;font-weight:700;line-height:38px;margin-bottom:0}.about-p-container .about-contact-link{border-bottom:2px solid var(--pink);cursor:pointer}.about-p-container .about-contact-link:hover{color:var(--pink)}@media(min-width:720px){.about-p-container{flex-direction:row}.about-intro{margin:auto}.about-main-text{max-width:60%}}.about p{margin:32px 16px}.skills{margin:32px 0}.skills img{width:45px}.skills-language{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 auto;max-width:100%}.skills-language a{font-size:45px;text-decoration:none}@media(min-width:568px){.skills img{width:60px}.skills-language a{font-size:60px}}@media(min-width:769px){.skills img{width:80px}.skills-language{max-width:80%}.skills-language a{font-size:80px}}.card-container{display:flex;flex-wrap:wrap;gap:36px;justify-content:center;margin:32px auto;max-width:1500px}.card{background-color:var(--dark-secondary);border-radius:10px;box-shadow:3px 3px 23px 3px #413f3f4d;max-height:350px;max-width:100%;position:relative}.card h3{padding-left:16px}.card-preview{height:80%;position:relative}.card-preview:hover .card-languages{opacity:1}.card-languages,img{border-radius:10px 10px 0 0;height:100%;width:100%}.card-languages{align-items:center;background-color:#3c3a3ae6;display:flex;justify-content:center;left:0;list-style:none;margin:0;opacity:0;padding:16px;position:absolute;top:0;transition:.5s}.card-languages a{text-decoration:none}.card-languages .card-language{font-size:40px;margin-left:8px;transition:.1s}.card-languages .card-language:hover{font-size:44px}.card-languages .next-logo{font-size:65px}.card-languages .next-logo:hover{font-size:85px}.card-info{align-items:center;color:var(--light-primary);display:flex;height:20%;justify-content:space-between}.card-info a{cursor:pointer;font-size:32px;padding-right:16px;text-decoration:none}.card-link{align-items:center;display:flex;padding-top:5px}@media(min-width:568px){.card{width:80%}.card h3{font-size:16px}.card-info{padding:0 8px}.card-info a{font-size:30px}}@media(min-width:720px){.card{max-width:350px}.card h3{font-size:22px}.card .card-language{font-size:52px}.card .card-language:hover{font-size:64px}.card .next-logo{font-size:85px}.card .next-logo:hover{font-size:100px}}@media(min-width:1280px){.card{max-width:500px}}.contact{padding-bottom:50px}form{display:flex;flex-direction:column;gap:20px;margin:32px auto;max-width:600px}input[type=email],input[type=text],textarea{padding:8px}.btn{background-color:var(--light-primary);border:1px solid var(--light-secondary);color:var(--light-secondary);cursor:pointer;display:inline-flex;font-size:20px;margin:0 auto;padding:10px 15px;transition:color .3s}.bg-dark,.btn-dark{background-color:var(--dark-primary)}.bg-dark{border:1px solid var(--light-secondary)}.bg-dark,.btn:hover{color:var(--light-primary)}.btn:hover{background-color:var(--pink);border-color:var(--pink)}textarea{font-family:inherit}footer{padding:0 16px}.footer-container{align-items:center;border-top:2px solid var(--pink);display:flex;justify-content:center;padding:0 16px}footer p{display:none}.contactIcon{fill:var(--light-thirdary);transition:.3s}.contactIcon:hover{fill:var(--pink)}footer ul{display:flex;font-size:large;gap:10px;justify-content:center;list-style-type:none;padding:0}@media(min-width:520px){.footer-container{justify-content:space-between}footer p{display:inline-block;font-size:small}}@media(min-width:965px){.footer-container{width:100%}}.topBtn{background-color:var(--light-thirdary);border:none;border-radius:50%;bottom:90px;cursor:pointer;display:flex;font-size:20px;padding:8px;position:fixed;right:20px;z-index:8}.topBtn,.topBtn:hover{color:var(--light-primary)}.topBtn:hover{background-color:var(--pink);transition:background-color .2s linear}@media(min-width:568px){.topBtn{bottom:100px;font-size:32px;right:50px}}.not-found{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}.not-found,.not-found a{color:var(--light-primary)}.not-found a{font-weight:bolder}.not-found a:hover{color:var(--pink)}.not-found-text h2{border:none;margin:0;padding:0}
/*# sourceMappingURL=main.25fad183.css.map*/