:root{--nar:#ee3d07;--dark:#222}.center{text-align:center;padding:1em}h2{color:var(--nar)}p,li,ul{color:#fff;margin:10px 4em 2em;font-size:18px;line-height:1.5em}.container{display:grid;grid-template-columns:1fr 1fr}sub{display:block;color:#fff}.menu-secret{display:none}.imagen{margin:0 auto 0;display:block;width:250px;height:150px;border-radius:10px;background-image:url(../assets/proyect.png);background-position:center;background-size:cover;position:relative;overflow:hidden}.imagen:hover::after{transform:translateY(0)}.imagen::after{cursor:pointer;content:"Mis proyectos creativos";color:#fff;font-size:2em;background:#3b3b3b6e;position:absolute;inset:0;display:grid;place-items:center;transform:translateY(100%);transition:transform .3s}.imagen2{cursor:pointer;margin:0 auto 0;display:block;width:250px;height:150px;border-radius:10px;background-image:url(../assets/design-book.png);background-position:center;background-size:cover;position:relative;overflow:hidden}.imagen2:hover::after{transform:translateY(0)}.imagen2::after{content:"Mis escritos y frases";color:#fff;font-size:2em;background:#3b3b3b6e;position:absolute;inset:0;display:grid;place-items:center;transform:translateY(100%);transition:transform .3s}@media (max-width:770px)and (min-width:431px){.container{display:block}}@media (max-width:430px) and (min-width:376px){.container{display:block}p,li,ul{margin:10px 2em 2em}}@media (max-width:375px){.container{display:block}.links{font-size:.9em}}