:root{--primary:#131515;--secondary:#30312b;--primary-light:#ffffd3;--primary-light-transparent:#ffffd388;--gray:#424242;--gold:#debe94}*{margin:0;padding:0}body{background-color:#131515;background-color:var(--primary);overflow-x:hidden}button,h1,h2,h3,h4,h5,h6,input,p,span{color:#ffffd3;color:var(--primary-light);font-family:roboto,sans-serif;margin:0}a{text-decoration:none}.App{padding:0 1.5rem 1.5rem}.icon{font-size:1.5em}.github-icon{color:#fafbfc}.linkedin-icon{color:#0077b5}.whatsapp-icon{color:#25d366}.youtube-icon{color:red}.python-icon{color:#4584b6}.javascript-icon{color:#f0db4f}.dev-icon{color:#4584b6}.html-icon{color:#e34c26}.docker-icon{color:#e5f2fc}.css-icon{color:#2965f1}.envelope-icon{color:#debe94;color:var(--gold)}.react-icon{color:#61dbfb}button{background-color:#ffffd388;background-color:var(--primary-light-transparent);border-radius:.5em;color:#131515;color:var(--primary);cursor:pointer;font-size:1em;font-weight:700;margin:0;padding:.5rem}::-webkit-scrollbar{height:6px;width:6px}header{display:flex;flex-wrap:wrap;gap:2.5rem}header,header .image{justify-content:center}header .image img{clip-path:circle();margin:0;opacity:.8;padding:0;width:220px}header .headline{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding-top:1rem}header .headline h1{font-size:48px}header .headline h2{font-size:28px;padding-top:2rem}header .headline span{font-size:18px}.contact{display:flex;flex-direction:column;justify-content:center;padding-bottom:4rem;padding-top:4rem;text-align:center}.contact h3{color:var(--primary-light)}.contact span{line-height:1.5em;text-align:center}.contact .social-media{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;padding-top:1rem}.contact .social-media .social-media-item{align-content:center;cursor:pointer;display:flex;gap:.5rem;justify-content:center}.projects{align-items:center;display:flex;flex-direction:column;margin-top:2rem}.projects h2{color:var(--primary-light);font-size:2em;margin-bottom:1rem}.projects .project-items{display:grid;grid-template-columns:1fr 1fr;padding-top:2rem}@media(max-width:468px){.projects{padding:0}.projects .project-items{grid-template-columns:1fr}}.projectItem{align-items:center;background-color:#222;border:1px solid var(--primary-light-transparent);border-radius:.5em;column-gap:2rem;display:flex;flex-direction:column;height:auto;justify-content:center;margin:1rem;padding:1rem;position:relative;width:30rem}.projectItem:before{border-right:2px solid #0000;border-top:2px solid #0000;right:-2px;top:-2px}.projectItem:after,.projectItem:before{border-radius:6px;content:"";height:0;position:absolute;transition:.5s ease-in-out;width:0}.projectItem:after{border-bottom:2px solid #0000;border-left:2px solid #0000;bottom:-2px;left:-2px}.projectItem:hover:before{border-right:2px solid var(--gold);border-top:2px solid var(--gold);height:100%;width:100%}.projectItem:hover:after{border-bottom:2px solid var(--gold);border-left:2px solid var(--gold);height:100%;width:100%}.projectItem .image{border:3px solid var(--primary-light-transparent);border-radius:.5em;height:10rem;margin:2rem;width:16rem}.projectItem .image img{height:100%;margin:0;padding:0;width:100%}.projectItem .description{display:flex;flex-direction:column;gap:1rem;height:auto;row-gap:1rem;width:100%}.projectItem .description .plus{align-items:center;display:flex;justify-content:space-between;margin-right:2rem}.projectItem .description .plus a{cursor:pointer;z-index:99999}@media(max-width:769px){.projectItem{margin:auto auto 2rem;width:86%}.projectItem .description{height:auto}.projectItem .image{height:30%;margin-top:2rem;width:70%}.projectItem .image img{margin:0;padding:0;width:100%}}.footer{display:flex;flex-direction:column;justify-content:center;padding-top:3rem;text-align:center}.footer h3{color:var(--primary-light)}.menu{background-color:var(--primary);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.8rem;padding-top:.8rem;position:sticky;text-align:end;top:0;width:100%;z-index:999}.menu .available-languages{grid-gap:1rem;color:var(--gray);display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr}.menu .available-languages img{cursor:pointer;height:1.5rem;opacity:.5;width:1.5rem}.menu .selected{opacity:1!important}.menu h3{color:var(--primary-light)}
/*# sourceMappingURL=main.5fba5e23.css.map*/