Chat and CSS player aula

_layouts/aulas.html

@@ -3,31 +3,28 @@ layout: default
 lang: pt
 ---
 
-<div class="is-flex">
-	<div class="is-flex-grow-5 is-flex is-flex-direction-column" >
 		<main>
-
-			<div class="aula-title pt-6 pb-6">
-				<div class="detals-aula is is-flex is-flex-direction-row">
-					<div class="detals-aula is is-flex is-flex-direction-column is-flex-grow-1">
-						<h1 class="title has-text-white">{{ page.title }}</h1>
+			<div class="page-aula">
+				<div class="detals-aula">
+					<div class="info-aula">
+						<h1 class="title">{{ page.title }}</h1>
 						<h2 class="aula-name">{{ page.software }} - {{ page.level }}</h2>
 
 						<h3 class="aula-name">{{ page.author }}</h3>
 						<h3 class="aula-name">{{ page.date | date: "%d/%m/%Y" }}</h3>
 					</div>
 
-					<div class="download aula is-flex is-flex-grow-1 is-justify-content-flex-end mr-6">
+					<div class="download">
 						{% assign aula_name = page.name | replace: '.md', '' %}
 						{% assign zip_file = 'aulas/' | append:  aula_name | append: '.zip' %}
-							<a class="button is-success is-large" href="{{ site.baseurl }}{{ zip_file }}" download>
+							<a class="button" href="{{ site.baseurl }}{{ zip_file }}" download>
 								Download
 							</a>
 					</div>
 				</div>
 			</div>
 								 
-			<div class=" is-flex is-justify-content-center	is-align-content-center	mt-3">
+			<div class=" ">
 				{% assign aula_slug = page.title %}
 				{% assign video_aula = '' | append: aula_slug | append: '.mp4' %}
 				{% if page.live %}
@@ -40,13 +37,14 @@ lang: pt
 				{% endif %}
 			</div>
 
-			<div class="content-aula mt-3 pt-2 pb-2">
+			<div class="content-aula">
 				{{ page.description }}
-				<br>
+				</br>
+				</br>
+
 				{% for link in page.links %}
 					<li><a href="{{ link }}">{{ link }}</a></li>
 				{% endfor %}
 			</div>
 		</main>
-	</div>
-</div>
+