Version - 1 - 1-38

Version - 34/css/brb.css

@@ -0,0 +1,86 @@
+body {
+    font-size: 15pt;
+    user-select: none;
+    padding: 0;
+    margin: 0;
+}
+#tycoon{
+  position: absolute;
+  width: 100%;
+  height: 200px;
+  background: radial-gradient(125% 100% at 50% 0%,#9aff9a 20%,#ffffff 70%);
+}
+#shop{
+  position: absolute;
+  width: 100%;
+  top: 20%;
+  text-align: center;
+  color: #000000;
+  text-decoration: underline;
+  transform: translateY(-50%);
+}
+#cool{
+  position: absolute;
+  top: 98px;
+  left: 0%;
+  width: 100%;
+  height: 25%;
+  /*background: radial-gradient(#9aff9a,#ffffff);*/
+}
+#logclick{
+  position: absolute;
+  width: 100%;
+  height: 50px;
+  top: 40px;
+  left: 50%;
+  text-align: center;
+  transform: translate(-50%,0);
+}
+#disclick{
+  position: absolute;
+  width: 100%;
+  height: 25px;
+  transform: translate(0%,0);
+}
+
+/*BRB*/
+#unpressed{
+	position: absolute;
+	width: 300px;
+	height: 300px;
+	border-radius: 150px;
+}
+#pressed{
+	position: absolute;
+	width: 300px;
+	height: 300px;
+	visibility: hidden;
+	border-radius: 150px;
+}
+#button{
+  user-select: none;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin: -150px 0 0 -150px;
+  border-radius: 150px;
+}
+
+#delete{
+  position: absolute;
+  user-select: none;
+  top: 100%;
+  left: 100%;
+  transform: translate(-50%,0);
+}
+#reset{
+  position: absolute;
+  user-select: none;
+  width: 69px;
+  height: 50px;
+  top: 0%;
+  right: 0%;
+  transform: translate(0,-100%);
+  background-color: #ff0000;
+  color: #ffffff;
+}