@media all {
body {font-family: Arial, Helvetica,sans-serif;color:#000;background:#ddd;}
.enlace {color:#4f30aa;}
a:hover {color:#aaa;}
header {height:5em;color:#fff;background:#4f30aa;}
#logo {height:75px;width:106px;padding:3px 1em 0 1em;float:left;}
#name {font-family: Verdana, Geneva, sans-serif;padding:.1em;margin:0;}
.lanzador {color:#fff;}
#descripcion {font-weight:bold;margin-top:.3em;}
main {width:50em;margin:auto;}
#title {font-size:175%;}
.subtitle {font-size:150%;}
.subsubtitle {font-size:120%;}
#mintcard {float:right;}
#menu {width:25em;}
.submenu {list-style-type: none;}
section {margin-left:2em;}
.subarticle {margin-left:2em;}
.ilustracion {text-align:center;}
img {max-width:100%}
.codigo {max-width:95%;color:#eee;background:#333;padding:.5em;margin:0 3%;}
.notas {font-size:70%;margin-left:5%;}
.resaltar {color:#ff8500;}
#kernel {list-style-type:upper-alpha;}
#chat {float:right;width:34em;height:24em;border:5px solid #4f30aa;padding:5px;}
#columna {width:12em;}
footer {color:#fff;background:#4f30aa;}
#inicio {text-align:center;}
#pie {height:1.4em;font-weight:bold;text-align:center;}
}

@media screen and (max-width: 768px) {
header {height:7.2em;font-size:11px;}
#logo {padding:0 1em 0 .4em;}
#name {padding:.3em;}
#slogan {font-size:.9em;margin-top:.6em;margin-left:1em;}
main {width:100%;}
section {width:100%;margin-left:0;}
.subarticle {width:100%;margin-left:0;}
#mintcard {width:0;height:0;visibility:hidden;}
#chat {width:100%;height:20em;border:0;padding:0;}
#columna {width:100%;}
#pie {height:2.4em;font-weight:bold;text-align:center;}
}