From 8068ebe4d8ff992f1ea826fe22a92ae020b0b125 Mon Sep 17 00:00:00 2001
From: MrEidam <adammbrich@gmail.com>
Date: Fri, 9 Aug 2024 21:39:38 +0200
Subject: [PATCH] Drezing

---
 Games/QuessNumber-1D6/index.html |  2 +-
 Games/QuessNumber-1D6/style.css  | 27 +++++++++++++++++++++++++--
 2 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/Games/QuessNumber-1D6/index.html b/Games/QuessNumber-1D6/index.html
index a59ce18..20b81da 100644
--- a/Games/QuessNumber-1D6/index.html
+++ b/Games/QuessNumber-1D6/index.html
@@ -15,7 +15,7 @@
         <h3>You are: <span id="answear"></span></h3>
         <img src="./6.png" alt="" id="dice">
         <div class="ques">
-            <p>Quess: </p>
+            <h3 class="que">Quessing:</h3>
             <select id="num">
                 <option value="1">1</option>
                 <option value="2">2</option>
diff --git a/Games/QuessNumber-1D6/style.css b/Games/QuessNumber-1D6/style.css
index f8504d6..1acc485 100644
--- a/Games/QuessNumber-1D6/style.css
+++ b/Games/QuessNumber-1D6/style.css
@@ -22,18 +22,31 @@ img{
     width: 100px;
     height: 100px;
     margin: 1.25rem;
+    border-radius: 15px;
+    filter: drop-shadow(1.5px 1.5px 6px #aaa);
+}
+h1{
+    filter: drop-shadow(1.5px 1.5px 6px #333);
+}
+h3{
+    filter: drop-shadow(1.5px 1.5px 6px #333);
 }
-
 .ques{
     display: flex;
     flex-direction: row;
 }
 .ques p{
     margin-right: .5rem;
+    filter: drop-shadow(1.5px 1.5px 6px #333);
 }
 .ques select{
     border: none;
+    background: none;
     border-radius: 7px;
+    backdrop-filter: blur(10px);
+    box-shadow:
+        inset 1.5px 1.5px 3px #fff,
+        10px 10px 20px #333;
 }
 
 button{
@@ -43,8 +56,18 @@ button{
     margin-top: 1rem;
     border-radius: 10px;
     border: none;
+    background: none;
+    color: #fff;
+    text-shadow: 2px 2px 2.5px #333;
+    /*filter: drop-shadow(10px 10px 20px #333);*/
+    backdrop-filter: blur(10px);
+    box-shadow:
+        inset 2.5px 2.5px 5px #fff,
+        10px 10px 20px #333;
+}
+.que{
+    margin-right: 1rem;
 }
-
 .won{
     color: lime;/*
     text-transform: uppercase;*/