boredbutton3

commit 9d2de06e3e7c4a8211493dd46381c7cad09c2e7a
parent 5da4b319c5f8b1884d0fe06b6b179274308a5e01
Author: Francisco Boudagh <franciscoboudagh1@gmail.com>
Date:   Mon, 20 Dec 2021 16:10:14 +0100

Contact for mobile

Diffstat:
M
index.php
 | 
5
+++--
M
style.css
 | 
34
+++++++++++++++++++---------------

2 files changed, 22 insertions(+), 17 deletions(-)
diff --git a/index.php b/index.php
@@ -39,12 +39,13 @@
 
   </body>
   
-  <footer>© 2022 BoredButton3 | All rights reserved | By William &#8743 Francisco &#8743 Ali | 
+  <footer>© 2022 BoredButton3 | All rights reserved | 
     <div class="popup" onclick="contact()">Contact
       <span class="popuptext" id="pop">If you have any information that can help or opinions to improve the website
         or have questions, contact us at our email address: boredbutton3(at)gmail(dot)com
       </span>
-    </div>
+    </div> | By William &#8743 Francisco &#8743 Ali
+    
   </footer>
 
 
diff --git a/style.css b/style.css
@@ -199,21 +199,6 @@ footer{
     }
 }
 
-/* Ändringar för mobil */
-@media only screen 
-  and (max-width: 1300px) { 
-    .headline {
-      font-size: 1.5em;
-      margin-top: 3%;
-    }
-    #fact_text{
-      font-size: 1.4em;
-      margin-top: 50vh;
-      max-width: 90%;
-      max-height: 20vh;
-    }
-}
-
 /*Scrollbar styling*/
 ::-webkit-scrollbar-thumb {
   background: #888;
@@ -274,4 +259,23 @@ footer{
 @keyframes fadeIn {
   from {opacity: 0;}
   to {opacity:1 ;}
+}
+
+/* Ändringar för mobil */
+@media only screen 
+  and (max-width: 1300px) { 
+    .headline {
+      font-size: 1.5em;
+      margin-top: 3%;
+    }
+    #fact_text{
+      font-size: 1.4em;
+      margin-top: 50vh;
+      max-width: 90%;
+      max-height: 20vh;
+    }
+    .popup .popuptext {
+      width: 90vw;
+      margin-left: -45vw;
+    }
 }
 \ No newline at end of file