* {
  margin: 0;
  padding: 0;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

::-moz-selection {
  background-color: orangered;
}

::selection {
  background-color: orangered;
}

body {
  margin: 0;
  padding: 0;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  height: 100vh;
  width: 100%;
}

.color1 {
  background-color: #fff;
}

.color2 {
  background-color: #000;
}

.color3 {
  background-color: orangered;
}

.box-shadow1 {
  -webkit-box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
  box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
  /* black around */
}

.box-shadow2 {
  -webkit-box-shadow: #555 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  box-shadow: #555 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  /* black around */
}

::-webkit-scrollbar {
  width: 6px;
  border: 1px solid #d5d5d5;
}

::-webkit-scrollbar-track {
  border-radius: 0;
  background: #eeeeee;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgb(171, 170, 170);
  height: 6px;
}

::-webkit-scrollbar-thumb:horizontal {
  background: rgb(171, 170, 170);
  border-radius: 10px;
}

::-webkit-scrollbar:horizontal {
  height: 6px;
}