base de datos

ownStyle.css

@@ -10,7 +10,7 @@ html{
     background-image: url("images/463980.jpg");
     /*background-repeat: no-repeat;*/
     background-size: 100%,100%;
-
+    overflow: hidden;
     /*-webkit-border-image: url("images/background2.png") 40 round; /* Safari 3.1-5 */
     /*-o-border-image: url("images/background2.png") 40 round; /* Opera 11-12.1 */
     /*border-image: url("images/background2.png") 40 round;*/
@@ -21,7 +21,7 @@ html{
     width: 550px;
     margin-top: 200px;
     margin-bottom: auto;
-    background: rgba(132, 93, 5, 0.9);;
+    background: rgba(132, 93, 5, 0.9);
     position: relative;
     display: flex;
     justify-content: center;
@@ -113,13 +113,14 @@ input[type=number]::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }
-/*
+
 .circle{
   position: absolute;
   border-radius: 50%;
   background: white;
+  /*background: rgba(132, 93, 5, 0.3);*/
   animation: ripple 10s infinite;
-  box-shadow: 0px 0px 1px 0px #508fb9;
+  /*box-shadow: 0px 0px 1px 0px #508fb9;*/
 }
 
 .small{
@@ -158,22 +159,22 @@ input[type=number]::-webkit-outer-spin-button {
 }
 
 .shade1{
-  opacity: 0.2;
+  opacity: 0.3;
 }
 .shade2{
-  opacity: 0.5;
+  opacity: 0.35;
 }
 
 .shade3{
-  opacity: 0.7;
+  opacity: 0.4;
 }
 
 .shade4{
-  opacity: 0.8;
+  opacity: 0.45;
 }
 
 .shade5{
-  opacity: 0.9;
+  opacity: 0.5;
 }
 
 @keyframes ripple{
@@ -189,4 +190,3 @@ input[type=number]::-webkit-outer-spin-button {
     transform: scale(0.8);
   }
 }
-*/
\ No newline at end of file