fix: change colors for better visibility of logos

src/App.vue

@@ -20,10 +20,8 @@
           <img src="diploma.png" alt="Diploma" width="100" />
         </a>
       </p>
-      <p class="small-text text-center">
-        Alternativer Link zum Kopieren:
-        <br />
-        <a
+      <p class="small-text text-center light-on-dark-bg">
+        <a class="light-on-dark-bg"
           :href="`https://maps.world.fem-net.de/events/ewo2021w/gamenight/Bilder/${path}`"
         >
           Urkunde.pdf

src/bundle.css

@@ -6,8 +6,8 @@
 }
 
 body {
-	background-color: #292826;
-	color: #E3E3E3;
+	background-color: #fed9ac;
+	color: #353535;
 	overflow-x: hidden;
 }
 
@@ -38,13 +38,13 @@ p {
 }
 
 a:link, a:visited {
-	color: #E3E3E3;
+	color: #353535;
 	text-decoration: underline;
 	text-underline-offset: 3px;
 }
 
 a:hover, a:active {
-	color: #cecece;
+	color: #61b172;
 }
 
 footer{
@@ -78,4 +78,13 @@ footer{
 
 .small-text{
 	font-size: 0.7em;
+}
+
+.light-on-dark-bg, a.light-on-dark-bg{
+	background-color: #353535;
+	color: #fed9ac;
+	width: max-content;
+	margin: auto;
+	padding: 3px;
+	border-radius: 5px;
 }
\ No newline at end of file