garapenean...

public/css/footer.css

@@ -0,0 +1,12 @@
+footer{
+	position:fixed;
+	width: 100%;
+	height: max-content;
+	bottom: 0;
+	left: 0;
+	background-color: #000000;
+	color: white;
+	text-align: center;
+	padding-top: 5px;
+	padding-bottom: 5px;
+}

public/css/header.css

@@ -0,0 +1,59 @@
+header {
+background-color: #0069ed;
+position: fixed;
+top: 0;
+left: 0;
+right: 0;
+height: 50px;
+display: flex;
+flex-direction: row;
+align-items: center;
+z-index: 9;
+box-shadow: 0 0 25px 0 black;
+color: white;
+}
+
+header > .back:nth-child(2) {
+    order: 1;
+    position: fixed;
+    left: 15px;
+}
+
+header :nth-child(1) {
+    order: 2;
+}
+
+header > .next:nth-child(3) {
+    order: 3;
+    position: fixed;
+    right: 15px;
+}
+
+.title{
+text-align: center;
+right: 0;
+left: 0;
+position: fixed;
+}
+
+.next {
+  width: 0;
+  height: 0;
+  border: 10px solid transparent;
+  border-right: 0;
+  border-left: 15px solid white;
+  position: fixed;
+  right: 15px;
+  display: none;
+}
+
+.back {
+  width: 0;
+  height: 0;
+  border: 10px solid transparent;
+  border-left: 0;
+  border-right: 15px solid white;
+  position: fixed;
+  left: 15px;
+  display: none;
+}

public/css/styles.css

@@ -1,6 +1,8 @@
 .edukiontzia {
 	display: table;
 	margin:auto;
+	position: relative;
+	top: 50px;
 }
 
 .item1 { grid-area: irudi1; }
@@ -20,8 +22,11 @@
   width: max-content;
 }
 
+#unknown, #logged{
+	margin:80px auto auto;
+}
 
-@media only screen and (max-width: 360px) {
+@media only screen and (max-width: 480px) {
 	.irudiak{
 		grid-template-areas: 
 			'irudi1'