:root{font-family:system-ui,"Liberation Serif",Arial,sans-serif;color-scheme:light dark;--text-colorLight: #b49bff;--text-colorDark: #2b0061;--background-colorLight: #b49bff;--background-colorDark: #18002b;--form-inputBckgd-dark: #260045 ;--form-inputBckgd-light: #a081ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root,input,textarea{width:100%;margin:0;padding:0;box-sizing:border-box;color:var(--text-colorLight);background-color:var(--background-colorDark)}p{margin:.6rem}button{transition:all .3s ease-in-out}@media (prefers-color-scheme: light){:root{color:var(--text-colorDark);background-color:var(--background-colorLight)}}@media (min-width: 768px){p{margin:1rem}}#root{max-width:1920px;margin:0 auto;color:var(--text-colorLight);background-color:var(--background-colorDark)}.light #root{color:var(--text-colorDark);background-color:var(--background-colorLight)}.header-container .btns-container{display:flex;justify-content:flex-end}.intro{margin-top:80px;text-align:center;font-size:1.2rem;opacity:0}.intro-transition06{transition:opacity 3s ease-in 6s}.intro-visible{opacity:1}@media (min-width: 768px){.intro{font-size:1.4rem}}.navbar-container{display:flex;justify-content:space-between;align-items:center;background:#3d007e66;color:#b49bff}.navbar-container .logo-container:hover{cursor:pointer}.light .navbar-container,.light .pagesLinks-container a{color:#2b0061}.menu-links{display:none}.menu-icon{display:block}.logo-container{display:flex;column-gap:10px;align-items:center;margin:10px;background:transparent;text-decoration:none}.logo-text{display:flex;flex-direction:column}.logo-text *{margin:0;font-size:.9rem;color:#7741af}.light .logo-text *{color:#48188e}.logo-swc{order:0}.logo-webdev{order:1}.pagesLinks-container{margin:0 10px}.pagesLinks-container a{color:#b49bff;text-decoration:none;transition:.3s ease-in-out}.pagesLinks-container a.active{color:#0ff;text-decoration:underline solid 2px;text-underline-offset:4px}.underline-transition{position:relative;text-decoration:none}.underline-transition:after{content:"";position:absolute;bottom:-2px;left:0;height:2px;background-color:currentColor;color:#0ff;text-decoration:underline solid 2px;text-underline-offset:4px;width:0%;transition:width .3s ease}.underline-transition:hover:after{width:100%}@media (min-width: 481px){.menu-links{display:flex;column-gap:10px}.menu-icon{display:none}}.menuIcon-container{width:fit-content;height:24px;display:flex;flex-direction:column;justify-content:space-between;border:none;margin:0;padding:0;background:none}.bar{width:24px;height:2px;background-color:#0ff;transition:transform .3s ease,opacity .3s ease}.bar1.open{transform-origin:center;transform:translateY(10px) rotate(45deg)}.bar2.open{opacity:0}.bar3.open{transform-origin:center;transform:translateY(-12px) rotate(-45deg)}.navbarModal-container{position:absolute;top:0;right:0;padding:10px;border-radius:10px;display:flex;column-gap:10px;transition:transform .3s ease-in-out}.dark .navbarModal-container{color:#b49bff;background:#18002b;box-shadow:0 0 14px #b49bff}.light .navbarModal-container{color:#18002b;background:#b49bff;box-shadow:0 0 14px #18002b}.hide-modal{transform:translateY(-120%)}.show-modal{transform:translateY(120%)}.navbarModal-container a{color:#b49bff;text-decoration:none;transition:.3s ease-in-out}.light .navbarModal-container a{color:#18002b}.navbarModal-container a.active{color:#0ff;text-decoration:underline solid 2px;text-underline-offset:4px}.modeBtns-container{margin:6px 2px;display:flex;justify-content:space-between;column-gap:10px;align-items:center;border:none;border-radius:20px;background-color:#b49bff}.light .modeBtns-container,.modeBtns-container .selected{background-color:#2b0061}.light .modeBtns-container .selected,.light .modeBtns-container .btn-icon:hover{background-color:#b49bff}.modeBtns-container .icon{display:flex}.modeBtns-container .btn-icon{border-radius:50%;transition:.3s ease-in-out}.modeBtns-container .btn-icon:hover{cursor:pointer;background:#2b0061}.langbtn-container{margin:6px 2px;display:flex;justify-content:space-between;column-gap:6px;align-items:center;border:none;border-radius:20px;transition:.3s ease-in-out}.langbtn{border-radius:20px;padding:0 6px;display:flex;justify-content:center;align-items:center;column-gap:4px;transition:.3s ease-in-out}.langbtn p{margin:0}.light .langbtn-container,.langbtn-selected,.langbtn:hover{color:#b49bff;background-color:#2b0061}.langbtn-container,.light .langbtn-selected,.light .langbtn:hover{color:#2b0061;background-color:#b49bff}.langbtn:hover{cursor:pointer}.dark .langbtn-selected,.light .langbtn-container:hover .langbtn-selected{border-color:#b49bff}.light .langbtn-selected,.dark .langbtn-container:hover .langbtn-selected{border-color:#2b0061}.footer-container{background:#3d007ee6;font-size:.8rem;color:#b49bff;position:relative;bottom:0;padding:10px;width:auto;display:flex;flex-direction:column;align-items:center}.icons-container{display:flex;column-gap:20px;padding:2px 6px;border-radius:10px;background:linear-gradient(to right,#ff7b7b,#5000b0)}.icons-container *{display:flex;align-items:center}.icons-container *:hover,.footer-container .icons-container *:active{background:#0ff}.footer-container a,.footer-container p a{color:#b49bff;text-decoration:underline}.footer-container a:hover,.footer-container a:active{color:#0ff}.footer-container p{margin:0 auto}.footer-container .location-container{display:flex;align-items:center;margin:6px;font-size:.9rem}.home-container{position:absolute;width:100%;display:flex;flex-direction:column;align-items:center;transition:opacity 1s ease-in;color:#b49bff;background:transparent}.light .home-container{color:#2b0061}.home-invisible{opacity:0}.home-visible{opacity:1}.home-container .btns-container{margin:50px auto;display:flex;column-gap:20px}.slider-container{margin:0 auto;text-align:center;font-size:.925rem}.text{text-align:center;transition:opacity .5s ease-in-out;opacity:0}.fade-in{opacity:1}.fade-out{opacity:0}@media (min-width: 768px){.slider-container{font-size:1.2rem}}.pageLinkBtn-container{font-size:1rem;padding:10px;border-radius:20px;text-decoration:none;position:relative;overflow:hidden;transition:all .3s ease-in-out;color:#cfbfff}.light .pageLinkBtn-container{color:#2b0061}.pageLinkBtn-container:hover,.pageLinkBtn-container:active{cursor:pointer;filter:brightness(1.5);box-shadow:0 0 10px #b49bff}.light .pageLinkBtn-container:hover,.light .pageLinkBtn-container:active{box-shadow:0 0 10px #2b0061;filter:brightness(1.2)}.portfolioCards-container{display:flex;flex-direction:column;row-gap:20px;align-items:center}@media (min-width: 768px){.portfolioCards-container{flex-direction:row;justify-content:center;flex-wrap:wrap;column-gap:40px}}.tag-container{display:flex;align-items:center;column-gap:2px;width:fit-content;border-radius:20px;margin:2px 4px;font-size:.875rem;font-weight:700}.cardContainer{position:relative;width:300px;height:370px;margin:10px;border-radius:8px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#b49bff;background:#18002b;box-shadow:0 0 10px #b49bff}.new-sticker{position:absolute;top:10px;left:-70px;font-size:.8rem;text-align:center;width:200px;margin:0;background:#0ff;color:#2b0061;transform:rotate(-30deg)}.light .cardContainer{color:#2b0061;background:#b49bff;box-shadow:0 0 10px #2b0061}.project-container{text-align:center}.project-container h3{margin:auto}.tags-container{display:flex;flex-wrap:wrap;justify-content:center;border-radius:50px;margin:10px;overflow-x:scroll;overflow-y:hidden;background:linear-gradient(to right,#ff7b7b,#5000b0)}.description-container{position:absolute;top:0;left:0;padding-top:20px;height:100%;overflow:scroll;transform-origin:top;transform:scaleY(0);transition:transform .3s ease-in-out}.description-container a,.description-container strong,.light .description-container a:hover{margin:10px;color:#0ff}.description-container a:hover,.light .description-container a{color:#005656}.show{transform:scaleY(.94)}.hide{transform:scaleY(0)}.description-closeBtn{margin:6px;position:absolute;top:0;right:0;border-radius:20px;background:none;color:#b49bff;border:#b49bff 2px solid}.light .description-closeBtn{color:#2b0061;border:#2b0061 2px solid}.description-closeBtn:hover,.description-closeBtn:active{cursor:pointer;color:#0ff;border-color:#0ff}.coverImage{border-radius:6px;margin:10px;transition:all .3s ease}.coverImage:hover,.coverImage:active{cursor:pointer;transform:scale(.98);box-shadow:#b49bff 0 0 6px}.light .coverImage:hover,.light .coverImage:active{box-shadow:#2b0061 0 0 6px}.linksContainer{margin:20px 0;font-size:.8rem;display:flex;justify-content:center;align-items:center;column-gap:10px}.linksContainer *{font-size:.85rem;color:inherit;text-decoration:none;border:none;background:none;padding:4px;border-radius:10px;box-shadow:#b49bff 0 0 10px;transition:all .3s ease}.light .linksContainer *{box-shadow:#2b0061 0 0 10px}.linksContainer *:hover,.linksContainer *:active{cursor:pointer;box-shadow:#fff 0 0 16px}.light .linksContainer *:hover,.light .linksContainer *:active{box-shadow:#2b0061 0 0 6px 4px}.captchaForm{display:flex;justify-content:center;margin:10px}.contact-form-container{max-width:300px;margin:30px auto;padding:20px;border-radius:10px;box-shadow:0 0 10px #b49bff;background:transparent}.light .contact-form-container{box-shadow:0 0 10px #18002b}.contact-form-container h2{text-align:center}.contact-form-container form{display:flex;flex-direction:column}.contact-form-container label{margin:8px 0;text-align:left}.contact-form-container input,.contact-form-container textarea{font-size:1rem;width:100%;margin-bottom:12px;padding:10px;border-radius:8px;border:1px #b49bff solid;color:#b49bff;background-color:#260045}.contact-form-container input{height:30px}.contact-form-container textarea{height:150px}.light .contact-form-container input,.light .contact-form-container textarea,.light .contact-form-container button{color:#2b0061;background-color:#a081ff;border:1px solid #2b0061}.contact-form-container input:focus,.contact-form-container textarea:focus{outline:none;border-color:transparent;box-shadow:0 0 10px #b49bff}.light .contact-form-container input:focus,.light .contact-form-container textarea:focus{box-shadow:0 0 10px #18002b}.contact-form-container button{align-self:center;padding:10px;border-radius:4px;cursor:pointer;color:#b49bff;background-color:#18002b;border:1px #b49bff solid;font-size:1rem}.contact-form-container button:hover,.contact-form-container button:active{box-shadow:0 0 10px #b49bff}.light .contact-form-container button:hover,.light .contact-form-container button:active{box-shadow:0 0 10px #18002b}@media (min-width: 768px){.contact-form-container{max-width:500px}}.notfound-container{margin-top:20%;text-align:center}.notfound-container *{color:#b49bff}.light .notfound-container *{color:#2b0061}