@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);*{margin:0;padding:0}body{background:#23252c;overflow-x:hidden}.pt-1{padding-top:16px}.pt-2{padding-top:32px}.pt-3{padding-top:48px}.pt-4{padding-top:64px}.pt-5{padding-top:150px}.pb-1{padding-bottom:16px}.pb-2{padding-bottom:32px}.pb-3{padding-bottom:48px}.pb-4{padding-bottom:64px}.pb-5{padding-bottom:150px}.navbar{align-items:center;background-color:#008fff;color:#fff;display:flex;justify-content:space-between;padding:6px 0;position:relative;transition:1s ease;width:100vw;z-index:2}.navbar h1{color:#fff;font-family:Inter,Georgia,Times New Roman,Times,serif;font-weight:700;margin-left:32px}.navbar nav{align-items:center;display:flex;gap:16px}.navbar nav button{background-color:#0000;border:0;color:#fff;cursor:pointer;font-weight:600;padding:8px;transition:.3s ease}.navbar nav button:hover{color:#f47d27;transform:scale(1.2)}.navbar .change-mode-button{background-color:#1a1b21;border:none;border-radius:999px;height:16px;margin-right:32px;position:relative;transition:background-color .5s ease;width:48px}.navbar .change-mode-button:after{background-color:#1a1b21;border-radius:50%;box-shadow:0 0 2px 2px #888;content:"";height:24px;left:50%;position:absolute;top:50%;transform:translate(-24px,-50%);transition:.5s ease;width:24px}.navbar .nav-hamburguer{background-color:#0000;border:2px solid #fff;border-left:none;border-right:none;display:none;height:16px;margin-right:32px;position:relative;transition:border .5s;width:16px}.navbar .nav-hamburguer:after,.navbar .nav-hamburguer:before{background-color:#fff;content:"";height:2px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.5s;width:100%}.navbar .nav-hamburguer:hover{transform:scale(1.1)}.navbar .nav-hamburguer.open{border:none}.navbar .nav-hamburguer.open:before{background-color:red;transform:translate(-50%,-50%) rotate(45deg)}.navbar .nav-hamburguer.open:after{background-color:red;transform:translate(-50%,-50%) rotate(-45deg)}.navbar .nav-mobile{display:none}.section-1{background-color:#008fff;justify-content:space-around;margin:auto;padding-top:32px;position:relative;width:80vw;z-index:1}.section-1,.section-1 .content{align-items:center;display:flex}.section-1 .content{color:#fff;flex-direction:column;font-family:Inter,Georgia,Times New Roman,Times,serif;gap:16px;max-width:40vw}.section-1 .content h2{font-size:48px;text-align:center}.section-1 .content p{font-size:20px;text-align:justify}.section-1:after{background-color:#008fff;border-radius:50%;content:"";height:240px;position:absolute;top:100%;transform:translateY(-50%);width:100%;z-index:-1}.navbar.light,.navbar.light h1{color:#fff}.navbar.light .change-mode-button{background-color:#f5f5f5}.navbar.light .change-mode-button:after{background-color:#f5f5f5;left:auto;transform:translateY(-50%)}.homepage{background-color:#23252c;padding-bottom:32px;transition:background-color 1s ease}.homepage.light{background-color:#ddd}main,main section{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}main section{gap:32px;margin:auto;z-index:1}.projects-section .projects{align-items:stretch;display:flex;flex-wrap:wrap;gap:32px;justify-content:space-around;width:90vw}@media only screen and (max-width:961px){.section-1{flex-direction:column;gap:32px}.section-1 .content{max-width:70vw}}@media only screen and (max-width:800px){.navbar{position:fixed}.navbar .change-mode-button{margin-right:0}.navbar .change-mode-button.mobile{display:none}.navbar .nav-hamburguer{display:block}.navbar nav.nav-desktop{display:none}.navbar nav.nav-mobile{background-color:#008fffe6;display:flex;flex-direction:column;padding:16px 0;position:absolute;right:0;top:100%;transform:translateX(100%);transition:1s;width:100%}.navbar nav.nav-mobile.open{transform:translateX(0)}.section-1{padding-top:64px}}.about{align-items:center;color:#fff;display:flex;flex-direction:column;gap:32px}.about .about-box{background-color:#1a1b21;box-shadow:0 0 15px 3px #000;display:flex;flex-direction:row-reverse;overflow:hidden;width:max(60vw,640px);z-index:1}.about .about-box .about-info,.about .about-box aside{flex:1 1}.about .about-box aside img{height:100%;width:100%}.about .about-box .about-info{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Inter,Georgia,Times New Roman,Times,serif;font-weight:400;justify-content:space-between;padding:32px 0}.about .about-box .about-info .about-buttons,.about .about-box .about-info .about-content{padding:0 32px}.about .about-box .about-info .about-content{display:flex;flex-direction:column;line-height:1.6em;text-align:justify;width:80%}.about .about-box .about-info .about-content .space{margin-top:32px}.about .about-box .about-info .about-content li{margin-left:24px}.about .about-box .about-info .about-buttons{align-items:center;display:flex;justify-content:space-evenly;justify-self:flex-end;width:100%}.about .about-box .about-info .about-buttons button{background-color:#fff;border:none;border-radius:9999px;color:#1a1b21;font-family:Inter;font-size:12px;font-weight:700;padding:14px 48px;transition:.2s ease}.about .about-box .about-info .about-buttons button:hover{box-shadow:0 0 0 3px #008fff}.about .about-box .about-info .about-buttons button.orange{background-color:#f47d27}.about .about-box .about-info .about-buttons button.orange:hover{box-shadow:none;color:#fff}.about.light{color:#2b283a}.about.light .about-title .separator{background-color:#2b283a}.about.light .about-title .separator:after{background-color:#f47d27}.about.light .about-box{background-color:#f5f5f5}.about.light .about-box .about-info{color:#2b283a}.about.light .about-box .about-info .about-buttons button{background-color:#2b283a;color:#f5f5f5}.about.light .about-box .about-info .about-buttons button.orange{background-color:#f47d27}.about.light .about-box .about-info .about-buttons button.orange:hover{color:#2b283a}@media only screen and (max-width:961px){.about .about-box{width:70%}.about .about-box aside{display:none}}@media only screen and (max-width:641px){.about .about-box{width:90%}.about .about-box .about-info .about-buttons,.about .about-box .about-info .about-content{padding:0 4px}.about .about-box aside{display:none}}.profile-card{align-items:center;background-color:#1a1b21;border-radius:10px;box-shadow:0 0 15px 3px #000;color:#fff;display:flex;flex-direction:column;font-family:Inter,Georgia,Times New Roman,Times,serif;font-weight:400;margin:auto;transition:background-color 1s ease,color .5s ease;width:240px}.profile-card .profile-img{border-radius:10px 10px 0 0;height:240px;overflow:hidden;position:relative;width:100%}.profile-card .profile-img img{position:absolute;top:-20%;width:100%}.profile-card .profile-img:after,.profile-card .profile-img:before{transform:scaleX(0);transition:.3s ease}.profile-card .profile-img:before{background-color:#008fff;border-radius:3px;color:#fff;content:"Hire me!!!";left:62%;padding:6px;position:absolute;top:32%;transform-origin:-15px 50%;z-index:1}.profile-card .profile-img:after{background-color:#008fff;-webkit-clip-path:polygon(0 50%,100% 100%,100% 0);clip-path:polygon(0 50%,100% 100%,100% 0);content:"";height:15px;position:absolute;right:37%;top:34.5%;transform-origin:left;width:15px;z-index:1}.profile-card .profile-img:hover:after,.profile-card .profile-img:hover:before{transform:scaleX(1)}.profile-card h1{font-size:24px;font-weight:700;margin-top:15px}.profile-card h2{color:#f3bf99;font-size:13px}.profile-card span{font-size:10px;margin-top:6px}.profile-card .profile-email-button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#000;cursor:pointer;display:flex;font-weight:500;gap:6px;justify-content:center;margin-top:16px;padding:6px 0;text-decoration:none;transition:background-color .5s ease;width:80%}.profile-card .profile-email-button .email-icon{background-color:#fff;border-radius:0 0 2px 2px;box-shadow:inset 0 0 1px 1px #000;height:9px;position:relative;width:15px}.profile-card .profile-email-button .email-icon:after,.profile-card .profile-email-button .email-icon:before{border-top:1px solid #000;content:"";position:absolute;top:0;transition:.5s ease;width:9px}.profile-card .profile-email-button .email-icon:before{left:0;transform:rotate(30deg);transform-origin:top left}.profile-card .profile-email-button .email-icon:after{right:0;transform:rotate(-30deg);transform-origin:top right}.profile-card .profile-email-button span{color:#000;font-family:Inter,Georgia,Times New Roman,Times,serif;font-size:13px;font-weight:500;margin:0;transition:.5s ease}.profile-card .profile-email-button:hover .email-icon:after,.profile-card .profile-email-button:hover .email-icon:before{border-top:1px solid #000}.profile-card .profile-email-button:hover .email-icon:before{transform:rotate(-30deg)}.profile-card .profile-email-button:hover .email-icon:after{transform:rotate(30deg)}.profile-card .profile-info{text-align:justify;width:80%}.profile-card .profile-info h3{font-size:16px;font-weight:700;margin-top:16px}.profile-card .profile-info p{font-size:10px;margin-top:5px}.profile-card .profile-footer{align-items:center;background-color:#060609;border-radius:0 0 10px 10px;display:flex;gap:24px;justify-content:center;margin-top:16px;padding:20px 0;transition:background-color 1s ease;width:100%}.profile-card .profile-footer a img{background-color:#0000;border-radius:6px;transition:background-color .5s ease}.profile-card .profile-footer a:hover img{background-color:#008fff}.profile-card.light{background-color:#f5f5f5;color:#2b283a}.profile-card.light h2{color:#f47d27}.profile-card.light .profile-footer{background-color:#d5d4d8}.section-title{align-items:center;color:#fff;display:flex;flex-direction:column;gap:16px;text-align:center;width:250px;z-index:1}.section-title h2{font-size:32px;font-weight:700}.section-title span{font-size:12px;font-weight:500}.section-title .separator{background-color:#fff;border-radius:3px;height:3px;position:relative;width:100%}.section-title .separator:after{background-color:#f3bf99;border-radius:5px;content:"";display:block;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:35px}.section-title.light{color:#2b283a}.section-title.light .separator{background-color:#2b283a}.section-title.light .separator:after{background-color:#f47d27}.project-card{align-items:center;background-color:#1a1b21;box-shadow:0 0 15px 3px #000;display:flex;flex-direction:column;font-family:Inter,Georgia,Times New Roman,Times,serif;gap:10px;justify-content:space-between;position:relative;width:360px}.project-card .project-bottom,.project-card .project-top{align-items:center;display:flex;flex-direction:column;gap:10px;width:100%}.project-card .project-img{aspect-ratio:16/9;width:100%}.project-card .separator{background-color:#f5f5f5;height:2px;width:50%}.project-card .project-title{color:#f3bf99;font-size:28px;font-weight:700;text-align:center;width:70%}.project-card .project-description{color:#fff;font-size:20px;font-weight:500;text-align:justify;width:85%}.project-card .project-technologies{display:flex;flex-wrap:wrap;gap:5px;justify-content:space-around;width:90%}.project-card .project-technologies span{background-color:#f3bf99;border-radius:5px;padding:8px}.project-card .project-links{align-items:center;background-color:#060609;display:flex;gap:16px;justify-content:center;justify-items:end;padding:16px 0;width:100%}.project-card .project-links a{height:32px;transition:.5s ease;width:32px}.project-card .project-links a img,.project-card .project-links a svg{height:100%;width:100%}.project-card .project-links a svg{background-color:#918e9b;border-radius:4px}.project-card .project-links a svg>path{fill:#060609;transition:.5s ease}.project-card .project-links a:hover{background-color:#008fff}.project-card .project-links a:hover svg>path{fill:#008fff}.project-card.light{background-color:#f5f5f5}.project-card.light .separator{background-color:#1a1b21}.project-card.light .project-title{color:#f47d27}.project-card.light .project-description{color:#2b283a}.project-card.light .project-technologies>span{background-color:#f47d27}.project-card.light .project-links{background-color:#d5d4d8}.project-card.light .project-links a>svg>path{fill:#d5d4d8}.project-card.light .project-links a:hover>svg>path{fill:#008fff}.experiences{align-items:center;background-color:#1a1b21;border-radius:32px;box-shadow:0 0 15px 3px #000;color:#fff;display:flex;flex-direction:column;gap:32px;padding:32px 0;width:60vw}.experiences .experience{align-items:flex-start;display:flex;flex-direction:column;font-family:Inter,Georgia,Times New Roman,Times,serif;gap:8px;text-align:justify;width:85%}.experiences .experience h3{color:#f3bf99;font-size:24px;font-weight:600;position:relative}.experiences .experience h3:before{background-color:#f3bf99;border-radius:50%;content:"";height:16px;left:0;position:absolute;top:0;transform:translate(-20px,6px);width:16px}.experiences .experience span{background-color:#008fff;border-radius:999px;color:#fff;font-weight:500;padding:8px}.experiences.light{background-color:#f5f5f5;color:#2b283a}.experiences.light .experience h3{color:#f47d27}.experiences.light .experience h3:before{background-color:#f47d27}@media only screen and (max-width:640px){.experiences{width:95%}}.contact{align-items:stretch;display:flex;flex-wrap:wrap;gap:64px;justify-content:space-around;width:80vw}.contact .contact-options{align-items:center;display:flex;flex-direction:column;gap:32px;justify-content:space-evenly}.contact .contact-options .contact-option{align-items:center;background-color:#008fff;border-radius:16px;box-shadow:0 0 15px 3px #000;color:#fff;display:flex;flex-direction:column;padding:16px;width:100%}.contact .contact-options .contact-option a{align-items:center;color:#fff;display:flex;text-decoration:none;transition:.3s}.contact .contact-options .contact-option a:hover{color:#f47d27;transform:scale(1.1)}.contact .contact-form{align-items:center;display:flex;flex-direction:column;gap:16px;width:max(400px,50%)}.contact .contact-form input,.contact .contact-form textarea{background-color:#1a1b21;border:2px solid #008fff;border-radius:16px;box-shadow:0 0 15px 3px #000;color:#fff;outline:none;padding:16px;resize:none;width:100%}.contact .contact-form input::placeholder,.contact .contact-form textarea::placeholder{color:#888;opacity:1}.contact .contact-form button{align-items:center;align-self:flex-start;background-color:#f47d27;border:none;border-radius:9999px;color:#2b283a;display:flex;font-size:16px;font-weight:600;padding:8px 24px;transition:.3s}.contact .contact-form button svg{height:16px;width:28px}.contact .contact-form button svg path{fill:#2b283a;transition:.3s}.contact .contact-form button:hover{color:#fff}.contact .contact-form button:hover svg>path{fill:#fff}.contact.light .contact-form input,.contact.light .contact-form textarea{background-color:#f5f5f5;color:#2b283a}@media only screen and (max-width:641px){.contact>.contact-form{width:95%}}
/*# sourceMappingURL=main.98416ad6.css.map*/