:root{font-family:Arial,Helvetica,sans-serif;color:#ffffffde;background-color:#111}body{margin:0;display:flex;background:radial-gradient(circle 600px at 40% 50%,rgba(255,0,150,.6),transparent 60%),radial-gradient(circle 600px at 60% 60%,rgba(0,200,255,.6),transparent 60%);background-color:#111;background-attachment:fixed}@media screen and (max-width:768px){body{background:radial-gradient(circle 400px at 40% 30%,rgba(255,0,150,.6),transparent 60%),radial-gradient(circle 400px at 70% 70%,rgba(0,200,255,.6),transparent 60%);display:flow;font-size:23px}html,body{height:100%;overflow-x:hidden}}#root{margin:0;text-align:center}.fotito{width:150px;height:150px}nav{background-color:#242424;height:50px;width:100%;display:flex;position:fixed;z-index:1}nav ul{list-style:none;display:flex;gap:7rem;margin:auto;padding:0;animation:ShowNav 2s}a{text-decoration:none;color:#fff;font-size:1.2rem}.presentacion{font-weight:700;margin-top:6.5rem;animation:ShowPresentation 2s}.contacto{margin-bottom:5rem;animation:ShowContact 2s}.contacto>a{font-size:1.5rem;margin:2rem;color:#fff}.contacto>p{border:white 2px solid;border-radius:15px;text-align:center;display:flexbox;justify-self:center;align-items:center;padding:5px 10px}.contacto>p>i{margin-right:5px}.tecnologias{margin-top:1rem;margin-bottom:1rem}.sobre-mi{margin:0rem 300px}.experiencia h3{margin:1px}.linea{width:50%;height:2px;background-color:#fff3;margin:2rem auto}.proyectos{margin:2rem 200px;background-color:#242424;border-radius:10px;padding:1rem}.icons>i{font-size:4rem;margin:0 2rem}section{scroll-margin-top:80px}@keyframes ShowNav{0%{opacity:0}to{opacity:1}}@keyframes ShowPresentation{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes ShowContact{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:768px){.sobre-mi{margin:0rem 20px}.proyectos{margin:2rem 20px}nav ul{gap:2rem}nav{top:0;left:0}.icons>i{font-size:2.7rem;margin:0 .5rem}.contacto>a{font-size:2.2rem}}.proyecto{width:380px;background-color:#333;border-radius:8px;padding-top:1rem;padding-bottom:1rem;margin:1rem;color:#fff;text-align:center}.proyecto img{width:280px;border-radius:5px}.links i{font-size:2rem;margin:.5rem 1.5rem 0}p{margin:1rem 1.5rem}@media screen and (max-width:768px){.proyecto{width:auto}}