@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@1,200&display=swap');

*{ padding: 0; margin: 0; box-sizing: border-box; transition: 1s all}
*{ color: #ffffff}
*{list-style-type: none;}

/* estilos generales */
body {font-family: arial}

header { color: #ffffff; background: #4976d9; padding: 1rem;  }

/* mi menu */
nav { background: #355395; padding: 1rem; }
nav ul li {display: inline-block; }
nav ul li a {color: #ffffff; text-decoration: none; }
.link-activo{background:#10327e;}

.inicio { }
.columna-1 { background-color: dodgerblue; width: 100%;}
.columna-2 { background-color: #70b4f7; width: 100%;}
.columna-3 { width: 100%;}
.img2 {width: 500px; height: 500Px;}
.app {width: 500px; height: 500px;}
.plan { background-color: #1e6cbb; width: 100%}


/* estilos generales */
main section article { background: #83a4ed; padding: 1rem; }
main section aside { background: #6478a3; padding: 1rem;}
main section article ul li a {text-decoration: none; list-style-type: none; }


footer {background: #92afef; padding: 1rem; font-family: 'Raleway', sans-serif;}
footer p{font-size: 0.8rem; color: #ffffff }



@media screen and (min-width:46rem) {
    
    nav {background-color: black; }
    .inicio {display: flex; justify-content: space-between;}
    .columna-1 { background-color: dodgerblue; width: 33%;}
    .columna-2 { background-color: #70b4f7; width: 33%;}
    .columna-3 { width: 33%;}
    .img2 {width: 1000px; height: 1000Px;}
    .app {width: 250px; height: 250px;}
}