body {
  background-color: #303030;
  color: rgb(225, 225, 225);
  -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 */
}

hr {
  border-top:1px dashed #076e43;
}

a {
  color: #0bde86;
}

.button {
  background-color: #0bde86;
  border-color: #076e43;
}

.button:hover {
  background-color: #076e43;
  border-color: #076e43;
}

.vertically-center {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.center {
  text-align: center;
}

.shaderToyLogo {
  font-size: 1.6em;
  font-family: 'Lobster', cursive;
  color:white;
  text-decoration: none;
  padding-left: 32px;
  padding-right: 32px;
  text-transform: capitalize;
}

img.smallSquare {
  height: 32px;
  width: 32px;
}

img.proj {
  float:none;
  width:  250px;
  height: 250px;
  object-fit: cover;
}

img.bigproj {
  width: 100%;
}

img.inverted {
  filter: brightness(0) invert(1);
}

li {
  list-style-type: square;
}

pre {
  background-color: #202020;
  border-color: #076e43;
}

/*ScrollBar*/
/* width */
::-webkit-scrollbar {
  width: 4px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #202020;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #555;
  border-radius: 2px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #0bde86;
}