.hero-background{position:relative}.hero-content{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}*{padding:0;margin:0;box-sizing:border-box;scroll-behavior:smooth}body{background-color:#000}:root{--color-light: #ffffff;--bgColor-dark: #000;--bgColorPurple: #9062B5;--colorPurple: #9062B5}header{background:#ffffff07;-webkit-backdrop-filter:blur(8.5px);backdrop-filter:blur(8.5px);transition:height 2s;position:fixed;width:100%;top:0}nav{display:grid;grid-template-columns:1fr -webkit-min-content;grid-template-columns:1fr min-content;align-items:center;padding:.7rem;background-color:transparent;border:none;position:relative}.desktop-menu-links{display:none}nav img{width:70px;padding:.5rem}nav li a{color:#fff;text-decoration:none}nav a{color:var(--colorPurple)}.aside-icons{color:#9062b5}.links-header{margin-right:.5rem;display:none}aside{text-align:center;position:relative;color:var(--color-light);transition:ease-in-out;padding:2rem;transition-timing-function:ease-in-out}aside ul li{list-style-type:none;font-size:1rem;padding:1rem;text-transform:uppercase;color:var(--color-light)}aside ul li a{text-decoration:none;color:var(--bgColorPurple)}a:active{color:var(--bgColorPurple)}p,h1{color:var(--color-light)}.particles-container h1{text-align:center;font-size:2.6rem;padding:0 1rem}.particles-container p{text-align:center;font-size:1.5rem}.title{margin:8rem 0}.about-container{background-color:var(--bgColor-dark);width:100vw;display:grid;justify-items:center}.about-container img{width:300px}.about-container p{line-height:2rem;padding:0 2.5rem;text-align:center}.about-container h2,.skills-container h2,.contact-container h2{padding-top:3rem;color:var(--bgColorPurple);font-size:2.5rem}.skills-container{display:grid;background-color:var(--bgColor-dark);width:100vw;justify-items:center;grid-template-columns:repeat(2,1fr);padding-top:2rem;row-gap:2rem;align-items:center}.skills-container h2{grid-column:1 / -1;padding-bottom:3rem}.skills-container img{width:80px}.skills-container h3{color:var(--color-light);text-align:center;margin-top:1rem}.skill-info{display:grid}.project-container{background-color:var(--bgColor-dark);display:grid;justify-items:center;padding-top:6rem;row-gap:3rem}.project-skills-img{width:330px}.project-container h2{color:var(--color-light);text-align:center;font-size:1rem;text-decoration:none;margin-top:.3rem}.project-container h1{color:var(--colorPurple);grid-column:1 / -1;padding-bottom:4rem;font-size:2.5rem}.project-skills-box{text-align:center;margin-top:.5rem}.project-skills-box img{width:20px}.contact-container{background-color:var(--bgColor-dark);display:grid;justify-items:center;row-gap:1rem}.contact-container h2{padding-bottom:2rem}.contact-icons{display:grid;grid-template-columns:repeat(2,1fr);font-size:1.8rem;list-style-type:none}.contact-icon{color:var(--colorPurple)}.contact-container a{color:var(--color-light)}footer{background-color:var(--bgColorPurple);display:grid;justify-items:center;padding:2rem;row-gap:1rem}footer img{width:100px}footer ul{display:grid;grid-template-columns:repeat(3,1fr);list-style-type:none;-moz-column-gap:1rem;column-gap:1rem;font-size:1.7rem}footer li a,footer button{color:var(--color-light);font-size:1.5rem}button{background-color:transparent;color:var(--colorPurple);border:none;font-size:1rem}.hero-particles{position:absolute;top:0;left:0;width:100%;height:400px;z-index:-1}@media screen and (min-width: 768px){header{padding:1rem}.desktop-menu-links{display:grid;grid-template-columns:repeat(4,1fr);list-style-type:none;-moz-column-gap:1rem;column-gap:1rem;padding:.5rem;margin-right:4rem;text-transform:uppercase}nav{grid-template-columns:1fr -webkit-min-content -webkit-max-content;grid-template-columns:1fr min-content max-content}.links-header{margin-right:.5rem;display:block}.burger-menu{display:none}.title{margin:20rem 0}.particles-container h1{font-size:5rem;padding:0 1rem}.particles-container p{font-size:2.2rem}.skills-container{grid-template-columns:repeat(3,1fr);height:55rem}.about-container img{width:450px}.about-container p{text-align:start}.node-logo{grid-column:1 / -1}.project-skills-img{width:370px}}@media screen and (min-width: 1024px){.about-container{grid-template-columns:repeat(2,1fr);align-items:center;row-gap:6rem}.about-container h2{font-size:3.2rem;grid-column:1 / -1}.about-container p{padding:0 4rem}.project-container{grid-template-columns:repeat(2,1fr)}}