Update v1.0.1

Took 1 hour 27 minutes

public/stylesheets/inputs.css

@@ -12,6 +12,19 @@
 
 }
 
+.btn-blendout {
+    animation: 1s blendOut forwards;
+}
+
+@keyframes blendOut {
+    0% {
+        opacity: 1;
+    }
+    100% {
+        opacity: 0;
+    }
+}
+
 .inputGroup {
     margin-bottom: 1.5%;
 }
@@ -107,6 +120,7 @@ label {
     margin-right: 1%;
     margin-bottom: 2%;
     border: 0;
+    background-color: #e9e9ed;
     border-radius: 3px;
 }
 

public/stylesheets/main.css

@@ -88,7 +88,7 @@ body {
     top: -90%;
     left: -50%;
     border-radius: 40%;
-    animation: animWater 8s linear infinite, animFillIn var(--fillTime) linear forwards;
+    animation: animWater 7s linear infinite, animFillIn var(--fillTime) linear forwards;
 }
 
 .water::after {
@@ -100,7 +100,7 @@ body {
     top: -100%;
     left: -52%;
     border-radius: 40%;
-    animation: animWater 8s linear infinite, animFillIn var(--fillTime) linear forwards;
+    animation: animWater 7s linear infinite, animFillIn var(--fillTime) linear forwards;
     animation-delay: 0.4s;
 }
 
@@ -109,6 +109,11 @@ body {
     transition: background-color 1s;
 }
 
+.waterFinished {
+    background-color: green;
+    transition: background-color 2s;
+}
+
 @keyframes animFillIn {
     0% {
         top: -100%;

public/stylesheets/modal.css

@@ -63,12 +63,12 @@
 
 
 .modalBlendIn {
-    animation: modalBlendIn 0.5s ease;
+    animation: modalBlendIn 0.5s forwards;
 }
 
 
 .modalBlendOut {
-    animation: modalBlendOut 0.8s ease;
+    animation: modalBlendOut 0.8s forwards;
 }
 
 

public/stylesheets/style.css

@@ -23,7 +23,7 @@ html * {
     -webkit-user-select: none; /* Safari */
     -ms-user-select: none; /* IE 10 and IE 11 */
     user-select: none; /* Standard syntax */
-    cursor: none;
+
 }
 
 
@@ -55,6 +55,12 @@ h1 {
 
 }
 
+h2 {
+    font-size: 1.45em;
+    font-weight: 500;
+    margin-bottom: 2%;
+
+}
 
 #overlay {
     color: white;