:root{--color1: #000000;--color2: #1b2a7e;--color3: #0725d1;--color4: #D77675;--color5: #C2D4EB}nav{display:flex;justify-content:space-around;height:4em}nav h1{font-size:2em;font-family:Courier New,Courier,monospace;color:#fff}nav span{color:var(--color4)}nav ul{display:flex;padding:0;justify-content:space-between}nav li{display:flex;flex-direction:column;list-style-type:none}nav svg{font-size:1.5em;margin:.5em;transition:.5s ease-in-out}nav svg:hover{transform:scale(1.2)}main{margin:0 auto;padding:0;width:100%}.profile{border-top:1px double var(--color3);align-items:center;justify-content:center;text-align:center;padding:2em}.name{margin:0 auto;align-items:center;text-align:justify;width:50%;padding:4em;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff}.abilities{margin:0 auto;width:70%;padding:2em;display:flex;flex-direction:column;color:#fff;border-top:4px double var(--color5)}.abilities h2,.projects h2,.name h2{font-size:2em;text-align:center}.abilities ul{display:flex;margin:0 auto;width:90%;justify-content:space-around;padding:1em;gap:2em}.abilities li{text-align:center;border:2px solid var(--color5);border-radius:.5em;border-top:none;width:18em;padding:1em;list-style-type:none}.abilities svg{color:var(--color5);padding:.5em;font-size:2.5em}.abilities p{text-align:justify}.projects{margin:0 auto;width:80%;display:flex;flex-direction:column;justify-content:space-around;color:#fff;border-top:4px double var(--color5);border-bottom:1px double var(--color3)}.listProjects{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;margin:0 auto;padding:2em;gap:5em}.project{background-color:#c2d4eb;width:18em;height:25em;padding:2em;border-radius:8px;transition:.5s ease-in-out;justify-content:space-between}.project h2{font-size:medium;color:var(--color2);margin:1em auto;height:2em;width:15em}.project img{margin:0 auto;width:18em;height:8em}.description{width:95%;height:8em;border-radius:8px;margin:0 auto;background-color:#fff;color:#000;padding:.5em;overflow:scroll;text-align:justify}.project svg{font-size:2em;margin:.5em}.github{color:#000}.site{color:var(--color2);transition:.1s}.whatsapp{color:#25d366}.linkedin{color:#015f94}.download{color:#fff}.project a{margin:1em;text-decoration:none}.project svg{transition:.5s ease-in-out}.project svg:hover{cursor:pointer;transform:scale(1.2)}.mainProjects{border-top:3px dashed var(--color3);background:linear-gradient(45deg,var(--color1),var(--color3));color:var(--color3);display:flex;flex-direction:column;text-align:center;overflow-x:hidden;padding-bottom:5em}@media (width<1300px){.listProjects{margin:0 auto;display:flex;flex-direction:column}.project{margin:0 auto 2em;width:80%}}@media (width<900px){.name p{text-align:justify;width:100%}.abilities,.name,.projects{width:90%}.abilities ul{margin:0 auto;flex-direction:column;width:80%}.abilities li{width:100%}}@media (width<685px){nav h1{font-size:1.5em}.name,.abilities,.projects{padding:0;width:80%;text-align:center}.name a{margin-top:.5em;font-size:1em;word-break:keep-all}}@media (width<531px){.name h2{font-size:1.5em;text-wrap:nowrap}}@media (width<400px){nav{align-items:center;justify-content:space-around}nav h1{font-size:1em}main{overflow-x:hidden}.name{width:100%}.project{width:85%}.project img{width:15em}.abilities{width:85%;padding:0}.abilities li{padding:0;width:100%}}body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:linear-gradient(90deg,var(--color1),var(--color2))}::-webkit-scrollbar{display:none}::selection{background-color:var(--color4);color:#fff}