body{place-items:flex-start!important;display:flex;background-color:var(--light-shades);color:var(--dark-accent);overflow-x:hidden}#root{flex-grow:1;max-width:1920px;width:100%;margin-left:auto;margin-right:auto;overflow-x:hidden}h1,h2,h3,h4,h5,p{margin:0}*,*:after,*:before{box-sizing:border-box}:root{--page-padding: 1.2rem 10rem;--gap: 1rem;--padding: 1.2rem;--border-radius: 5px;--light-shades: #FEFDFD;--main-brand: #E4198C;--dark-accent: #1D191C;--dark-shades: #332f32;--blue-accent: #0060FD}html{scroll-behavior:smooth}.btn{padding:.45rem 1.2rem;cursor:pointer;background-color:var(--dark-shades);border-radius:var(--border-radius);color:var(--main-brand);border:none;transition:all .2s ease-in-out;width:fit-content}.align-right{margin-left:auto}.btn:hover{background-color:var(--main-brand);color:var(--light-shades)}.background-animation{background:linear-gradient(-45deg,var(--light-shades),var(--dark-shades),var(--main-brand));background-size:400% 400%;animation:gradient 4s ease infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 1920px){#root{min-width:1280px}}@media (max-width: 1280px){#root{min-width:1024px}.navbar-container{padding:1.5rem 4rem!important}.navbar-name{font-size:23px!important}.navbar-links-container{font-size:16px!important}}@media (max-width: 1024px){#root{min-width:768px}.navbar-container{padding:1.5rem 3rem!important}.navbar-name{font-size:22px!important}.navbar-links-container{font-size:14px!important}.aboutme-container{padding:0 2.5rem!important;flex-direction:column;margin-top:5%!important;margin-bottom:0!important}.aboutme-container img{max-height:290px!important}.aboutme-content{margin-top:-15px!important}.aboutme-content h1{font-size:2.8em!important;text-align:center}.technologies-container h1{font-size:2.8em!important}.tech-grid-container{width:90%!important}.portfolio-container h1{font-size:2.8em!important}}@media screen and (max-width: 768px){#root{--page-padding: 1rem 2rem;min-width:640px}.navbar-container{flex-direction:column;gap:var(--gap)}.navbar-links-container{flex-direction:column}.aboutme-container{flex-direction:column;margin-top:7%!important}.aboutme-container img{max-height:280px!important}.aboutme-content h1{text-align:center}.technologies-container h1{margin-right:0}.contact-container{flex-direction:column;text-align:center}}@media (max-width: 640px){#root{min-width:500px}.aboutme-container img{max-width:250px!important}.aboutme-content{margin-top:-10px!important}.aboutme-content h1{text-align:center;margin-right:0}.aboutme-content p{margin-right:0}.tech-grid-container{width:60%!important;margin-right:2px}.portfolio-container{margin-right:0}.contact-container{text-align:center}}@media (max-width: 500px){#root{min-width:475px}.aboutme-container img{max-width:230px!important}.technologies-container h1{font-size:2.5em!important}.tech-grid-container{margin-right:0;width:70%!important}.portfolio-grid{margin-top:15px}}@media (max-width: 475px){#root{min-width:460px}.aboutme-container img{margin-right:0;max-width:220px!important}.aboutme-content h1{font-size:2.5em!important}.technologies-container h1{text-align:center;font-size:2.5em!important}.tech-grid-container{width:75%!important;margin-right:-5px}.portfolio-container h1{font-size:2.5em!important}}@media (max-width: 460px){#root{min-width:425px}.aboutme-container img{max-width:55%!important}.tech-grid-container{width:77%!important;margin-right:0}.portfolio-container p{text-align:center}.contact-container{margin-right:0}}@media (max-width: 425px){.aboutme-content h1,.technologies-container h1{font-size:2.3em!important}.tech-grid-container{width:90%!important;margin-right:-2px}.portfolio-container h1{font-size:2.3em!important}}@media (max-width: 400px){#root{min-width:375px}.aboutme-container img{max-width:55%!important}.portfolio-grid{margin-left:0}}@media (max-width: 375px){#root{min-width:320px}.navbar-container{padding:1.5rem 1.8rem!important}.aboutme-container img{max-width:57%!important}.tech-grid-container{width:100%!important}}@media (min-width: 321px) and (max-width: 350px){.aboutme-container img{max-width:60%!important}.tech-grid-container{grid-template-columns:unset!important}.portfolio-grid{min-width:321px}}@media (max-width: 320px){.navbar-container{padding:1.5rem 1rem!important}.aboutme-container img{max-width:65%!important}.tech-grid-container{grid-template-columns:unset!important}.portfolio-grid{min-width:320px}}.navbar-container{display:flex;justify-content:space-between;padding:var(--page-padding);background-color:var(--main-brand);color:var(--light-shades);font-size:1.2rem;font-weight:600;letter-spacing:1px}.navbar-links-container{display:flex;gap:1rem;animation:rotateMenu .5s ease-in-out}.navbar-links-container a{color:var(--light-shades);text-decoration:none;transition:all .3s ease-in-out}.navbar-links-container a:hover{color:var(--dark-accent);transform:translateY(-5px)}.navbar-container img{width:1.5rem;height:1.5rem;cursor:pointer}.navbar-name{display:flex;justify-content:space-between;font-family:Petit Formal Script,cursive;font-style:normal;font-size:24px}@keyframes rotateMenu{0%{transform:rotateX(-90deg)}70%{transform:rotateX(20deg)}to{transform:rotateX(0)}}.landing-type{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:3rem;color:var(--light-shades);background-color:#0003;padding:var(--padding);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.animated-section{background-color:var(--dark-shades);position:relative;width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden}.animated-section .animated-row{position:relative;top:-80%;left:-33%;width:100%;display:flex;padding:10px 0;white-space:nowrap;transform:rotate(-30deg)}.animated-section svg{width:140px;height:140px;fill:#0000001a;margin:0 8px;transition:.2s}.animated-section svg:hover{fill:var(--main-brand)!important;filter:drop-shadow(0 0 15px var(--main-brand))}.animated-section svg:nth-child(2n):hover{fill:var(--blue-accent)!important;filter:drop-shadow(0 0 15px var(--blue-accent))}.animated-section .animated-row div{animation:animate 80s linear infinite;animation-delay:-80s}.animated-section .animated-row div:nth-child(2){animation:animate2 80s linear infinite;animation-delay:-40s}@keyframes animate{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes animate2{0%{transform:translate(0)}to{transform:translate(-200%)}}.animated-section .animated-row:nth-child(2n) div{animation:animate3 80s linear infinite;animation-delay:-80s}.animated-section .animated-row:nth-child(2n) div:nth-child(2){animation:animate4 80s linear infinite;animation-delay:-40s}@keyframes animate3{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes animate4{0%{transform:translate(-200%)}to{transform:translate(0)}}#typing-text{border:none;font-weight:700;text-align:center;overflow:auto;outline:none;resize:none;background:transparent;font-size:1.5rem;color:var(--light-shades)}.aboutme-container{gap:var(--gap);padding:var(--page-padding);display:flex;align-items:center;margin-top:3%;margin-bottom:2%}.aboutme-container img{max-width:50%;max-height:300px;height:auto;border-radius:50%;box-shadow:2px 2px 2px 1px #0003}.aboutme-content{padding:3rem}.aboutme-content h1{font-family:Comfortaa,sans-serif;font-optical-sizing:auto;font-weight:700;font-size:3.5em;font-style:normal;margin-bottom:20px}.technologies-container{padding:var(--page-padding);background-color:var(--dark-shades);color:var(--light-shades);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap)}.technologies-container h1{font-family:Comfortaa,sans-serif;font-optical-sizing:auto;font-weight:700;font-size:3.5em;font-style:normal;margin-top:7%;margin-bottom:2%}.tech-grid-container{width:100%;flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--gap)}.tech-grid-container img{width:150px;height:150px;object-fit:cover}.tech-frames{display:flex;flex-direction:column;align-items:center;padding:var(--padding);border-radius:var(--border-radius)}.portfolio-container{padding:var(--page-padding);display:flex;flex-direction:column;align-items:center;gap:var(--gap);margin-top:5%;margin-bottom:6%}.portfolio-container h1{font-family:Comfortaa,sans-serif;font-optical-sizing:auto;font-weight:700;font-size:3.5em;font-style:normal}.profolio-projects-frame img{width:300px;height:200px;object-fit:cover;border-radius:var(--border-radius);cursor:pointer}.profolio-projects-frame img:hover{filter:brightness(.8)}.portfolio-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--gap);justify-items:center}.modal-container{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9999;display:flex;justify-content:center;align-items:center;color:var(--light-shades)}.modal-content{display:grid;grid-template-columns:repeat(2,1fr);padding:var(--padding);border-radius:var(--border-radius);gap:var(--gap);background-color:var(--dark-accent);border:none;box-shadow:1px 1px 15px #000;max-width:40%}.span2{grid-column:span 2}.modal-container img{width:100%;height:300px;object-fit:cover}@media screen and (max-width: 1200px){.modal-content{max-width:80%}}.contact-container{display:flex;background-color:var(--main-brand);padding:var(--padding);justify-content:space-evenly;color:var(--light-shades);letter-spacing:1px;font-size:1.2rem}.contact-name{font-family:Petit Formal Script,cursive}.anchor-mail a{color:#fff!important;font-weight:400}.anchor-mail a:hover{color:#dddcdc!important}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}