* {margin:0px;padding:2px;text-decoration:none;}
h1{color:#ffff80;margin:-15px;}
h2{color:#ffff80;margin-left:0px;}
h3{color:#ffff80;margin-left:20px;}
h4{color:#ffff80;margin-left:40px;}
h5{color:#bf9052;margin-left:60px;}
h6{color:#8f9052;margin-left:80px;}
a{color:#8f9052;}a:hover{color:#ffaf50;}
span {color:#a0a090;}

html {font-weight:normal;background:#2020af;display:flex;flex-direction:column;justify-content:center;}
body {font-family:'Helvetica',sans-serif;background:#3030cf;color:#a0a0a0;display:flex;flex-direction:column;justify-content:center;}
header {height:120px;margin:0;padding:0;background:#101065;color:#afafff;display:flex;flex-direction:column;justify-content:center;align-items:center;}
nav {margin:0; padding:0;}
nav ul {background:#2020af;display:flex;justify-content:center;list-style:none;flex-wrap:wrap;}
nav ul li {margin:8px;background:#2020af;}
nav ul li a {color:#ffffff;font-size:1.0rem;text-decoration:none;background:#3498db;padding:8px 18px;border-radius:25px;transition: background-color 0.5s ease;}
nav ul li a:hover {background:#296089;padding:8px 20px;}
main {background:#2020af;color:#efffef;display:flex;flex-direction:column;justify-content:center;align-items:center;}
footer {background:#2020af;color:#ffffff;padding:10px;margin-top:0px;border-top:0px solid #522ccf;display:flex;flex-direction:column;justify-content:center;align-items:center;}

.felicitacion {background:#2020a0;color:#c0c0ff;display:flex;justify-content:center;align-items:center;margin:0;font-size:80px;}

@media (max-width: 800px) {
	
    html {font-size: 1.4rem;}
	
    nav ul {flex-direction: row;}
    nav ul li {margin: 1% 6;}
	p {font-size: 1rem; padding-left:5px; padding-right:5px;}
    footer {font-size: 1.2 rem;}
	
	.materias{margin:1px;padding:2px;width:78px;height:78px;border-radius:10px;transition:0.5s;}
	.i_materias {display:flex;justify-content:center;align-items:center;margin:0px;padding:0px;}

	.i_musica      {font-size:25px;background:#90ff40;color:#90ff40;}.i_musica:hover {background:#308f20;}
	.i_voz         {font-size:36px;background:#90fff0;color:#90fff0;}.i_voz:hover {background:#409f20;}
	.i_informatica {font-size:16px;background:#f0ff90;color:#f0ff90;display:flex;justify-content:center;align-items:center;} .i_informatica:hover {background:#207f40;}
	.i_dibujo      {font-size:25px;background:#f05f90;color:#f05f90;display:flex;justify-content:end;align-items:flex-end;}  .i_dibujo:hover {background:#803f70;color:#b0c990;}

	.i_aprendizaje {font-size:15px;background:#904f40;color:#904f40;display:flex;justify-content:center;align-items:center;} .i_aprendizaje:hover {background:#f08ff0;}
	.i_creatividad {font-size:16px;background:#90fff0;color:#90fff0;} .i_creatividad:hover {background:#409f20;margin:0px;}
	.i_danza       {font-size:25px;background:#f0ff90;color:#f0ff90;display:flex;justify-content:center;align-items:center;} .i_danza:hover {background:#207f40;}
	.i_teatro      {font-size:25px;background:#f05f90;color:#f05f90;display:flex;justify-content:end;align-items:flex-end;}  .i_teatro:hover {background:#803f70;color:#b0c990;}

	.i_cine	{font-size:30px;background:#90ff40;color:#90ff40;} .i_cine:hover {background:#308f20;}
}

@media (min-width: 801px) {
	html {font-size: 1.4rem;}
	
	.contacto {font-weight: bolder;}
	.materias{margin:2px;padding:5px;width:99px;height:99px;border-radius:10px;transition:0.5s;}
	.i_materias {display:flex;justify-content:center;align-items:center;margin:0px;padding:0px;}

	.i_musica      {font-size:30px;background:#90ff40;color:#90ff40;} .i_musica:hover {background:#308f20;}
	.i_voz         {font-size:56px;background:#90fff0;color:#90fff0;} .i_voz:hover    {background:#409f20;}
	.i_informatica {font-size:20px;background:#f0ff90;color:#f0ff90;display:flex;justify-content:center;align-items:center;} .i_informatica:hover {background:#207f40;}
	.i_dibujo      {font-size:30px;background:#f05f90;color:#f05f90;display:flex;justify-content:end;align-items:flex-end;}  .i_dibujo:hover {background:#803f70;color:#b0c990;}

	.i_aprendizaje {font-size:20px;background:#904f40;color:#904f40;display:flex;justify-content:center;align-items:center;} .i_aprendizaje:hover {background:#f08ff0;}
	.i_creatividad {font-size:21px;background:#90fff0;color:#90fff0;} .i_creatividad:hover    {background:#409f20;}
	.i_danza       {font-size:30px;background:#f0ff90;color:#f0ff90;display:flex;justify-content:center;align-items:center;}.i_danza:hover {background:#207f40;}
	.i_teatro      {font-size:30px;background:#f05f90;color:#f05f90;display:flex;justify-content:end;align-items:flex-end;}.i_teatro:hover {background:#803f70;color:#b0c990;}
	
	.i_cine	{font-size:30px;background:#90ff40;color:#90ff40;} .i_cine:hover {background:#308f20;}

	p {padding-left:50px;padding-right:50px;}
}