diff --git a/css/style.css b/css/style.css
index 26f6604..457fdb0 100644
--- a/css/style.css
+++ b/css/style.css
@@ -160,7 +160,7 @@ ul {
overflow: hidden;
box-shadow: 0 0 5px rgba(0,0,0,.2);
border-radius: 8px;
- animation: slideIn 0.5s ease-in-out;
+ animation: slideIn 0.4s ease-in-out;
}
h2 {
font-size: 1.3em;
@@ -180,6 +180,9 @@ h3 {
height: 100px;
text-align: center;
}
+.footer div {
+ animation: slideIn 0.2s ease-in-out;
+}
.in, .inMiddle {
display: inline;
position: static;
@@ -256,7 +259,7 @@ header {
width: 100%;
overflow: hidden;
border-top: 1px solid #9EA7AC;
- padding-bottom: 10px;
+ padding-bottom: 5px;
}
/* Transparent borders because
doesn't allow margin */
.listHorario hr {
@@ -289,21 +292,23 @@ header {
color: white;
}
.listHorario .time div {
- display: inline-block;
- heig
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding-top: 5px;
+ padding-bottom: 5px;
}
.listHorario .time img {
width: 20px;
float: left;
margin-right: 5px;
- margin-top: 8.5px;
filter: invert(100%);
pointer-events: none;
}
.listHorario .time p {
float: left;
background: #121212;
- padding: 5px;
+ padding: 2px;
border-radius: 24px;
color: white;
width: 72.5px;
@@ -355,8 +360,14 @@ header {
}
@keyframes slideIn {
- 0% { transform: translateY(-100%); opacity: 0; }
- 100% { transform: translateY(0); opacity: 1; }
+ 0% {
+ transform: translateY(-100%);
+ opacity: 0;
+ }
+ 100% {
+ transform: translateY(0);
+ opacity: 1;
+ }
}
@font-face {