body {
  background: white;
  color: #28282B;
  font-family: sans-serif;
}

::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}

::-webkit-scrollbar-corner,
::-webkit-scrollbar-track {
  background-color: rgb(64, 64, 64);
}

::-webkit-scrollbar-thumb {
  background-color: #28282B;
  /*background-color: rgb(96, 96, 96);*/
  box-shadow: 0px 0px 0px 0px #1f1f1f;
  background-clip: padding-box;
  border: 2px solid transparent;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgb(112, 112, 112);
}

::-webkit-scrollbar-thumb:active {
  background-color: rgb(128, 128, 128);
}

::-webkit-scrollbar-button:single-button {
  background-color: rgb(64, 64, 64);
  display: block;
  background-size: 10px;
  background-repeat: no-repeat;
}

::-webkit-scrollbar-button:single-button:vertical:decrement {
  height: 12px;
  width: 16px;
  background-position: center 4px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='50,00 0,50 100,50'/></svg>");
}

::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='50,00 0,50 100,50'/></svg>");
}

::-webkit-scrollbar-button:single-button:vertical:decrement:active {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='50,00 0,50 100,50'/></svg>");
}

::-webkit-scrollbar-button:single-button:vertical:increment {
  height: 12px;
  width: 16px;
  background-position: center 4px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='0,0 100,0 50,50'/></svg>");
}

::-webkit-scrollbar-button:single-button:vertical:increment:hover {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='0,0 100,0 50,50'/></svg>");
}

::-webkit-scrollbar-button:single-button:vertical:increment:active {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='0,0 100,0 50,50'/></svg>");
}

/* about page */

.background-2 {
  padding-top: 3em;
  padding-bottom: 3em;
  text-align: center;
}

.background-2-1 {
  padding-bottom: 3em;
  text-align: center;
}

@media (min-width: 768px) {
  .contact-form {
    width: 350px;
  }

  .background-2-1 {
    font-size: 1.2em !important;
  }
}

.numbertext {
  font-size: 1.2em;
  padding: 0.8em 1.2em;
  position: absolute;
  top: 0;
}

.background {
  padding-top: 4.5em;
  padding-bottom: 4.5em;
  width: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
}

@media (max-width: 600px) {
  .background {
    min-height: 35vh;
    background-size: cover;
    background-position: center;
  }
}

@media (max-width: 1200px) {
  .background {
    background-size: cover;
    background-position: center;
  }
}

@media (max-width: 12450px) {
}

@media (max-width: 992px) {
  .background {
    background-size: cover;
    background-position: center;
  }
}

@media (max-width: 768px) {
  .background {
    background-size: cover;
    background-position: center;
  }
}

.fadeout {
  opacity: 0;
  transition: opacity 1s ease-out;
}

.invisible {
  opacity: 0;
  display: none;
}

.hide {
  display: none;
}