Sessão 6

index.html

@@ -25,7 +25,7 @@
 			<a href="#interesses">Interesses</a>
 			<a href="#contactos">Contactos</a>
 		</nav>
-
+		<main>
 			<section id="identificacao" style="display: flex">
 				<div style="flex-grow: 2">
 					<h2>Identificação</h2>
@@ -134,7 +134,7 @@
 					O seu navegador não suporta vídeo.
 				</video>
 			</section>
-
+		</main>
 		<address id="contactos">
 			<h2>Contactos</h2>
 			<p>Email: <a href="mailto:alves.lcc@hotmail.com">alves.lcc@hotmail.com</a></p>

profile-styles.css

@@ -7,10 +7,16 @@
     color: #e5eeea;
 }*/
 
+@media (max-width: 600) {
+	body {
+		font-size: 10px;
+	}
+}
+
 body {
 	font-family: Arial, sans-serif;
 	color: #12224e;
-	font-size: 16pt;
+	font-size: 16px; /* default 16px */
 	margin: 0;
 	background-color: #f3f3f4;
 	scroll-behavior: smooth;
@@ -19,7 +25,7 @@ body {
 header {
 	background-color: #587f76;
 	color: #f3f3f4;
-	padding: 3rem;
+	padding: 0.8rem;
 	background: no-repeat url(images/green-abstract.jpg);
 	background-size: cover;
 	display: flex;
@@ -28,11 +34,10 @@ header {
 }
 
 header div.logo {
-	font-size: 8rem;
+	font-size: 2rem;
 }
 
 header div.content {
-	font-size: 2rem;
 	flex-grow: 2;
 	text-align: center;
 }
@@ -40,16 +45,16 @@ header div.content {
 nav {
 	background-color: #4c4f57;
 	text-align: center;
-	height: 5.2rem;
+	height: 4.7rem;
 	position: sticky;
 	top: 0;
 	z-index: 100;
 }
 
 nav a {
-	font-size: 140%;
+	font-size: 1.5rem;
 	color: white;
-	padding: 1.8rem 3rem 2rem;
+	padding: 1.6rem 3rem;
 	transition: all 1s ease;
 	text-decoration: none;
 	font-weight: bold;
@@ -62,8 +67,7 @@ nav a:hover {
 	transition: all 0.5s ease;
 	-web-transition: all 0.5s ease;
 	-o-transition: all 0.5s ease;
-	padding-bottom: 0.8rem;
-	border-bottom: solid 1.2rem #4c4f57;
+	padding-bottom: 0.1rem;
 }
 
 address,
@@ -76,24 +80,23 @@ section {
 }
 
 table.schedule {
-	border-spacing: 1;
+	border-spacing: 0.2rem;
 	border-collapse: collapse;
 	background: white;
-	border-radius: 8px;
+	border-radius: 0.1rem;
 	overflow: hidden;
-	margin: 1em auto;
-	font-size: 14pt;
+	margin: 0.1rem auto;
 	td,
 	th {
 		padding-left: 8px;
 	}
 	thead tr {
-		height: 2em;
+		height: 0.8rem;
 		background: #587f76;
 		color: white;
 	}
 	tbody tr {
-		height: 1.5em;
+		height: 0.6rem;
 		border-bottom: 1px solid #4c4f57;
 	}
 	tbody tr:last-child {