From cddadc6fe862a5662905f8b30d0b693a5a16845a Mon Sep 17 00:00:00 2001
From: SanttuA <santtualatalo@gmail.com>
Date: Tue, 26 Sep 2023 13:18:46 +0300
Subject: [PATCH] Changed error page font to be a web safe font

---
 varaamo-error-page/index.html     |   1 -
 varaamo-error-page/stylesheet.css | 100 +++++++++++++++---------------
 2 files changed, 50 insertions(+), 51 deletions(-)

diff --git a/varaamo-error-page/index.html b/varaamo-error-page/index.html
index a9ec43b38..ba392f916 100644
--- a/varaamo-error-page/index.html
+++ b/varaamo-error-page/index.html
@@ -6,7 +6,6 @@
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <meta http-equiv="X-UA-Compatible" content="ie=edge" />
   <link rel="stylesheet" href="stylesheet.css">
-  <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,800" rel="stylesheet">
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet"
     integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
   <title>Varaamo</title>
diff --git a/varaamo-error-page/stylesheet.css b/varaamo-error-page/stylesheet.css
index 24d0ba265..66b16d29a 100644
--- a/varaamo-error-page/stylesheet.css
+++ b/varaamo-error-page/stylesheet.css
@@ -1,92 +1,92 @@
 html {
-    height: 100%;
+  height: 100%;
 }
 
 body {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    font-family: "Open Sans", sans-serif !important;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  font-family: "Tahoma", "Arial", sans-serif !important;
 }
 
 .header-logo {
-    margin: 8px 0px 8px 0px
+  margin: 8px 0px 8px 0px
 }
 
 
 nav.main-nav {
-    background-color: #37475e !important;
-    height: 60px;
+  background-color: #37475e !important;
+  height: 60px;
 }
 
 .navbar-brand {
-    font-weight: bold;
-    font-size: 16px !important;
+  font-weight: bold;
+  font-size: 16px !important;
 }
 
 main {
-    flex-grow: 1;
+  flex-grow: 1;
 }
 
 .main-content-header {
-    font-weight: bolder;
-    font-size: 2em;
-    margin: 30px 0px 30px 0px;
+  font-weight: bolder;
+  font-size: 2em;
+  margin: 30px 0px 30px 0px;
 }
 
 footer {
-    background-color: #37475e;
-    color: white;
-    min-height: 230px;
-    width: 100%;
-    text-align: center;
+  background-color: #37475e;
+  color: white;
+  min-height: 230px;
+  width: 100%;
+  text-align: center;
 }
 
 .footer-text {
-    display: block;
-    text-align: center;
-    position: relative;
-    top: 25%;
-    font-size: 16px;
+  display: block;
+  text-align: center;
+  position: relative;
+  top: 25%;
+  font-size: 16px;
 }
 
 footer a {
-    color: white;
-    display: block;
-    text-align: center;
-    position: relative;
-    top: 35%;
+  color: white;
+  display: block;
+  text-align: center;
+  position: relative;
+  top: 35%;
 }
 
 footer a:hover {
-    color: white;
+  color: white;
 }
 
 .footer-header {
-    font-weight: bolder;
-    font-size: 1.5rem;
+  font-weight: bolder;
+  font-size: 1.5rem;
 }
 
 .turku-logo-footer {
-    display: block;
-    position: absolute;
-    margin-top: 20px;
-    left: 10%;
+  display: block;
+  position: absolute;
+  margin-top: 20px;
+  left: 10%;
 }
 
 @media (max-width:600px) {
-    footer {
-        min-height: initial;
-    }
-
-    .turku-logo-footer {
-        display: initial;
-        position: initial;
-        margin-bottom: 12px;
-    }
-
-    .footer-text {
-        top: 0;
-        margin-bottom: 8px;
-    }
+  footer {
+    min-height: initial;
+  }
+
+  .turku-logo-footer {
+    display: initial;
+    position: initial;
+    margin-bottom: 12px;
+  }
+
+  .footer-text {
+    top: 0;
+    margin-bottom: 8px;
+  }
 }
\ No newline at end of file