:root{--color-1: #bfc7d2;--color-2: #a87ffb;--color-3: #5A96E3;--color-4: #10151d;--color-5: #0a2eff;--degradado-1: linear-gradient(to right, var(--color-1), var(--color-2));--degradado-2: linear-gradient(to right, var(--color-2), var(--color-3));--degradado-3: linear-gradient(to right, var(--color-3), var(--color-4))}body{font-family:monospace;margin:0;padding:0;background-color:var(--color-4);width:100%;height:100vh;overflow-x:hidden}.shine{background-image:radial-gradient(500px 200px at 50% 0%,#111d31 20%,#18311300);position:absolute;top:0;right:0;bottom:0;left:0;z-index:-5}header{display:flex;justify-content:space-between;align-items:center;font-size:1.8em;max-width:90%;margin:1.5rem auto}.main-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}.grid-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(142,145,150,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(142,145,150,.1) 1px,transparent 1px);background-size:40px 40px;background-position:center center;background-repeat:repeat;min-height:100vh;min-width:100vw}.light-effect{position:fixed;width:800px;height:800px;background:radial-gradient(circle at center,rgba(139,92,246,.15) 0%,transparent 70%);pointer-events:none;transition:transform .1s ease-out}nav ul{list-style-type:none;margin:0;padding:0;display:flex}nav ul li{margin-right:50px}nav ul li:last-child{margin-right:0}nav ul li a{text-decoration:none;color:var(--color-1);font-weight:700;font-size:1.1em}nav ul li a:hover{border-color:var(--color-5);text-shadow:0 0 5px var(--color-5),0 0 20px var(--color-5),0 0 30px var(--color-5)}.logo{margin-right:auto}.logo svg{width:8em;fill:var(--color-1)}.logo svg:hover{scale:1.1;filter:drop-shadow(5px 5px 5px #0a2eff)}main{display:flex;align-items:center;justify-content:center}.texto{align-items:center;margin:1rem auto;text-align:center;min-height:5rem}.texto h4{max-width:80%;font-size:1.5em;font-style:italic;margin:3em auto;color:var(--color-1)}.works-list{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:2rem}.work{display:flex;flex-direction:row;align-items:center;width:85%;height:400px;border:var(--color-5) solid 2px;padding:1.5rem;margin:1rem;border-radius:20px;box-shadow:0 0 10px var(--color-5);background-color:#10151dc3}.mockup{width:100%;max-width:400px;height:auto}.work p{color:#bfc7d2;text-align:center;font-size:1rem}.description{margin:2rem 1rem}.tech{display:flex;align-items:center;justify-content:space-evenly}.tech i{font-size:3em;margin:5px 20px}.tech-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.tech-item svg{width:52px;height:52px;margin:0 auto;display:block}.btn-container{display:flex;justify-content:center;align-items:center;width:100%;margin-top:2rem}.button{display:flex;justify-content:center;align-items:center;gap:1em;background-color:#fff0;color:#fff;width:9em;height:3em;border:var(--color-5) .2em solid;border-radius:11px;text-align:center;transition:all .6s ease;text-decoration:none}.button:hover{background-color:#0a2eff;cursor:pointer}.button svg{width:1.6em;transition:all .6s ease}.button:hover svg{transform:translate(5px)}.fa-html5{color:#e34f26}.fa-css3-alt{color:#264de4}.fa-js{color:#f7df1e}.fa-angular{color:#dd0031}.fa-node-js{color:#68a063}.fa-leaf{color:#4db33d}.fa-vuejs{color:#63e6be}@media (width < 1200px){.works-list{margin-top:1rem}.work{flex-direction:column;height:fit-content}header{font-size:1.4em;display:flex;flex-direction:column}.logo{margin:1.5em auto}.texto svg{width:30%}nav ul li{font-size:1.2em;margin-right:10px;margin-left:10px;align-items:center}h1{margin-top:150px}}@media (width < 450px){.work{margin:1.5rem}.tech{margin:1rem}.tech i{font-size:2.5em}header{margin:10px}}