diff --git a/website/preshow/index.html b/website/preshow/index.html
index 0a8f46e..212d42d 100644
--- a/website/preshow/index.html
+++ b/website/preshow/index.html
@@ -39,7 +39,7 @@
       Rosa Menkman<br>
       Sarah Grant<br>
       Sofya Aleynikova<br><br>
-      <a href="#" onclick="document.getElementById('infotext').style.visibility='visible';">more info</a>
+      <a href="#" onclick="document.getElementById('infotext').style.visibility='visible';document.getElementById('infotext').style.opacity='1';">more info</a>
     </p>
 </div>                                                          
 <div id="backgroundDiv">
@@ -91,8 +91,8 @@
 </div>
 <div id="infotext">
   <div id="infobuttons">
-    <div id="closeButton"  onclick="document.getElementById('infotext').style.visibility='hidden';">X</div>
-  <div id="enButton"  onclick="document.getElementById('infotext_en').style.visibility='visible';">EN</div>
+    <div id="closeButton"  onclick="document.getElementById('infotext').style.visibility='hidden';document.getElementById('infotext').style.opacity='0';">X</div>
+  <div id="enButton"  onclick="document.getElementById('infotext_en').style.visibility='visible';document.getElementById('infotext_en').style.opacity='1';">EN</div>
   </div>
   <p>
   OPENCOIL – The roaming Speedshow <br><br>
diff --git a/website/preshow/main.css b/website/preshow/main.css
index 2d30efc..1462a1c 100644
--- a/website/preshow/main.css
+++ b/website/preshow/main.css
@@ -94,7 +94,8 @@ a {
 }
 
 #infotext, #infotext_en {
-    visibility: hidden;
+    visibility: visible;
+	opacity:0;
     overflow-x: hidden !important;
     overflow-y: scroll !important;
     position: absolute;
@@ -107,6 +108,7 @@ a {
     background-color: #d152b8;
     color: white;
     margin: 12% 20% 20% 10%;
+	transition: opacity 1s;
 
 }