Update style.css

sirhorseyinfo · Jul 8, 2024 · 74350bc · 74350bc
1 parent 495629b
commit 74350bc
Showing 1 changed file with 33 additions and 20 deletions.
diff --git a/testgamepage/style.css b/testgamepage/style.css
@@ -5,85 +5,98 @@ body {
 }
 
 h1 {
-  color: #dcdcdc;
+  color: rgb(220,220,220);
   font-size: 25px;
+  font-family: sans-serif;
 }
 
 .header {
-  padding: 10px 45px;
+  padding-left: 45px;
+  padding-right: 300px;
   background-color: rgb(27, 4, 42);
   border-radius: 20px;
-  margin: 20px 0;
+  padding-top: 2px;
 }
 
 img {
   border-radius: 22px;
   width: 210px;
-  transition: transform 1s, filter 1s, box-shadow 1s;
+  transition: transform 1s, filter 3s, all 2s;
   filter: brightness(85%);
 }
 
 img:hover {
   transform: translate(0, -2.5px);
+  transition: transform 1s, filter 1s, all 1s;
   filter: brightness(100%);
   box-shadow: 7px 7px 4px rgba(27, 4, 40, 0.5);
 }
 
 img:active {
+  transition: all 2s;
   filter: brightness(25%);
 }
 
 hr {
-  border: none;
-  height: 2px;
-  background-color: rgb(80, 60, 70);
+  color: rgb(80,60,70);
+  border-color: rgb(80,60,70);
   border-radius: 200px;
-  margin: 20px 0;
 }
 
 p {
   font-family: Arial;
   font-size: 22px;
   color: white;
-  text-shadow: 0px 0px 0.5px rgb(200, 200, 200);
+  text-shadow: 0px 0px 0.5px rgb(200,200,200);
   padding-left: 15px;
 }
 
 .game-container {
+  position: relative;
   width: 900px;
-  background-color: rgba(255, 255, 255, 0.1);
-  padding: 20px;
-  margin: 20px auto;
+  margin-right: 60px;
+  padding-bottom: 55px;
+}
+
+.game-iframe {
   border-radius: 12px;
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 .fulscreen {
   position: absolute;
-  top: 20px;
-  right: 20px;
+  padding-top: 20px;
+  right: 265px;
   z-index: 99;
 }
 
 footer {
-  background-color: rgba(66, 61, 61, 0.1);
-  padding: 10px 20px;
+  background-color: rgba(66,61,61,0.1);
+  padding-left: 20px;
+  padding-right: 20px;
+  padding-bottom: 5px;
+  padding-top: 5px;
   border-radius: 200px;
   text-align: center;
-  margin: 20px 0;
+  margin-right: 45px;
 }
 
 .center {
+  margin-top: 155px;
   text-align: center;
-  margin-top: 20px;
 }
 
 .btn {
   padding: 10px 20px;
-  background-color: rgba(150, 130, 166, 0.1);
+  background-color: rgb(150, 130, 166, 0.1);
   color: #fff;
   text-decoration: none;
   border-radius: 90px;
-  transition: background-color 0.5s;
+  transition: all 2s;
+}
+
+.btn:hover {
+  background-color: rgb(172, 151, 190, 0.1);
 }
 
 .btn:hover {