feat: template de dates

1 files changed, 34 insertions, 6 deletions

diff --git a/style.css b/style.css
index 988566b..fbb1a1a 100644
--- a/style.css
+++ b/style.css
@@ -14,9 +14,10 @@ body.index{
 }
 
 .content{
-	/*margin-left: 10%;
-	margin-right: 10%;*/
+	padding: 5px;
 	margin: auto;
+	margin-left: 15%;
+	margin-right: 15%;
 	border: 3px dotted #777777;
 	border-radius: 8px;
 	color: #ffffff;
@@ -65,8 +66,8 @@ div.zikos:nth-child(even) .desc{
 .zikos{
 	display: flex;
 	flex-direction: row;
-	flex-wrap: nowrap;
-	justify-content: flex-start;
+	flex-wrap: wrap;
+	justify-content: space-evenly;
 	margin-bottom: 10px;
 	padding: 10px;
 	border: 3px inset #888888;
@@ -76,14 +77,41 @@ div.zikos:nth-child(even) .desc{
 }
 
 .zikos img{
-	max-height: 40vh;
-	border-radius: 3px;
+	height: 40vh;
+	border-radius: 40vh;
 }
 
 .desc{
 	max-width: 60vh;
 }
 
+.date{
+	display: flex;
+	flex-direction: row;
+	justify-content: space-between;
+	padding-left: 10px;
+	padding-right: 10px;
+	margin-bottom: 10px;
+	margin-left: 10%;
+	margin-right: 10%;
+	border: 3px inset #888888;
+	background-color: #00000099;
+	color: white;
+}
+
+.date hr{
+	transform: rotate(90deg);
+	width: 2em;
+	height: 0;
+	border: 1px solid white;
+}
+
+.date div{
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+}
+
 .return{
 	margin: auto;
 	border-width: 3px;