1. *{
2.  margin: 15px;
3.  line-height: 1.6;
4.  
5. }
6.  
7. #logo {
8.  border: 5px solid #000000;
9. }
10.  
11. body {
12.  background-color: #aDD8E6;
13. }
14.  
15. h2 {
16.  font-family: monospace;
17.  font-size: 25px;
18.  color: #5A8145;
19. }
20.  
21. #bloque_menu {
22.  text-align: center;
23.  font-family: monospace;
24.  border: 3px solid #5CAD73;
25.  background-color: #5ced73;
26. }
27.  
28.  #menu {
29.   text-align: center;
30.   color: #006400;
31.   list-style: none;
32.   font-family: monospace;
33.   font-size: 15px;
34.   display: inline;
35. }
36.  
37. #musica{
38.  font-family: monospace;
39.  border: 3px dashed #5CAD73;
40. }
41.  
42. #l_musica{
43.  font-size: 15px;
44.  list-style: upper-roman;
45.  list-style-position: inside;  
46. }
47.  
48. #materias{
49.  font-family: monospace;
50.  border: 3px dashed #5CAD73;
51. }
52.  
53. #l_materias{
54.  font-size: 15px;
55.  text-align: left;
56.  /*list-style-position: inside;*/
57.  display: flex;
58.  justify-content: center;
59.  flex-wrap: wrap;
60. }
61.  
62. #mates{
63.  width: 150px;
64.  height: 150px;
65.  display: flex;
66.  position: relative;
67.  left: -45px;
68. }
69.  
70. #fisica{
71.  width: 150px;
72.  height: 150px;
73.  display: flex;
74.  position: relative;
75.  left: -65px;
76. }
77.  
78. #tecno{
79.  width: 150px;
80.  height: 150px;
81.  display: flex;
82.  position: relative;
83.  left: -55px;
84. }
85.  
86. #tic{
87.  width: 150px;
88.  height: 150px;
89.  display: flex;
90.  position: relative;
91.  left: -74px;
92.  top: -8px;
93. }
94.  
95. #lengua{
96.  width: 150px;
97.  height: 150px;
98.  display: flex;
99.  position: relative;
100.  left: -5px;
101.  left: -5px;
102.  top: -28px;
103. }
104.  
105. #gallego{
106.  width: 150px;
107.  height: 150px;
108.  display: flex;
109.  position: relative;
110.  left: -5px;
111.  left: -5px;
112.  top: -28px;
113. }
114.  
115. #term{
116.  font-family: monospace;
117.  border: 3px dashed #5CAD73;
118. }
119.  
120. #l_term{
121.  font-size: 15px;
122.  text-align: left;
123.  list-style-position: inside;
124.  display: flex;
125. }
126.  
127. #navegador{
128.  width: 150px;
129.  height: 150px;
130.  display: flex;
131. }
132.  
133. #html5{
134.  width: 200px;
135.  height: 200px;
136.  display: flex;
137. }
138.  
139. #http{
140.  width: 200px;
141.  height: 200px;
142.  display: flex;
143. }
144.  
145. #url{
146.  width: 200px;
147.  height: 200px;
148.  display: flex;
149. }
150.  
151. #tim{
152.  width: 200px;
153.  height: 200px;
154.  display: flex;
155. }
156.  
157. #videos{
158.  font-family: monospace;
159.  border: 3px dashed #5CAD73;
160. }
161.  
162. #l_videos{
163.  font-size: 15px;
164.  text-align: left;
165.  list-style-position: outside;
166. }