#cookie {
  width: 300px;
  margin: auto;
}

.numbers{
  font-size: 60px;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

#scoresection{
  width: 600px;
  margin: auto;
}

body{
  font-family: arial;
  text-align: center;
  background-image: url("https://wallpapercave.com/wp/wp7667538.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  cursor: crosshair;
}

#counter{
  visibility: hidden;
  position: relative; left: 200px; bottom: 200px;
  font-size: 40px;
  /*animation-name: plusOne;
  animation-duration: 2s;
  animation-iteration-count: 1;   */
}

.counterAnim{
  animation: plusOne 0.5s 1 forwards
}

@keyframes plusOne{
  0% {left: 200px; bottom: 200px;}
  100% {left: 200px; bottom: 300px; opacity:0;}
}

button{
  padding: 10px;
  background-color: yellow;
}

cookie.pointer{
  cursor: pointer;
}

#reset{
  cursor: pointer
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

ul {
  list-style-type: none;
  margin: -9;
  padding: 0;
  overflow: hidden;
  background-color: #333;
  cursor: default;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
li a:hover {
  background-color: #111;
}

li {
  border-right: 1px solid #bbb;
}

li:last-child {
  border-right: none;
}

ul {
  position: fixed;
  top: 0;
  width: 100%;
}

.vertical-menu {
  width: 200px;
  position: fixed;
  right: 0;
  bottom: 0;
  top: 0;
  cursor: pointer;
  padding-top: 80;
  padding-right: 120;
}

.vertical-menu a:hover {
  background-color: #7f7f7f;
}

.b4 {
  background-color: #9f9f9f;
  color: black;
  display: block;
  padding: 12px;
  text-decoration: none;
}

.b3 {
  background-color: #9f9f9f;
  color: black;
  display: block;
  padding: 12px;
  text-decoration: none;
}

.b2 {
  background-color: #9f9f9f;
  color: black;
  display: block;
  padding: 12px;
  text-decoration: none;
}

.b1 {
  background-color: #8f8f8f;
  color: black;
  display: block;
  padding: 12px;
  text-decoration: none;
}