:root{--color1: #63837c;--color2: #e9b384;--color3: #f4f2de;--color4: #a1ccd1}body{font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;margin:0}body #content{margin:1em}body #desarrollo{text-align:center !important;color:var(--color1) !important}body #desarrollo h1,body #desarrollo h2,body #desarrollo h3{font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif !important}body #desarrollo i.fa-exclamation-triangle{font-size:20em !important}body header{background-color:var(--color3)}body header #logo{display:inline-flex;align-items:center;flex-wrap:wrap}body header #logo img{width:5em}body header nav{display:inline-flex;overflow:hidden;justify-content:space-between;align-items:center;width:-webkit-fill-available;flex-wrap:wrap}body header nav a:not(#logo){padding:1em .5em .1em}body header nav a:not(#logo):hover{border-bottom:1px solid var(--color2)}body header nav a:not(#logo).active{color:var(--color2);border-bottom:1px solid var(--color2)}body header nav .icon{display:none}body footer{text-align:center;position:absolute;bottom:0;width:-webkit-fill-available}body h1,body h2,body h3{font-family:"Great Vibes",cursive}body a{text-decoration:none;color:var(--color1)}body a:hover{color:var(--color4)}@media screen and (max-width: 600px){body header nav a:not(.icon){display:none}body header nav a.icon{display:block !important;right:0;position:absolute;top:1em}body header nav.responsive{position:relative;display:block !important;padding-bottom:.5em}body header nav.responsive .icon{position:absolute;top:1em}body header nav.responsive a{float:none;display:block;text-align:left}}