html {
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
}

body {
  font-family: 'Poppins', sans-serif !important;
  display: flex;
  justify-content: center;
  line-height: 1.2;
}



body::-webkit-scrollbar {
  width: 8px;
}

body::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

#root {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px 25px;
  width: 100%;
  height: 100%;
}

.Dark {
  background-color: #15273B;
}

.Dark::-webkit-scrollbar-track {
  background-color: #15273B;
}

.Dark::-webkit-scrollbar-thumb {
  background-color: #00E0D9;
}

.Dark::-webkit-scrollbar-thumb:hover {
  background-color: #00A39E;
}




.Light {
  background-color: #DADCE7;
}

.Light::-webkit-scrollbar-track {
  background-color: #DADCE7;
}

.Light::-webkit-scrollbar-thumb {
  background-color: #15273B;
}

.Light::-webkit-scrollbar-thumb:hover {
  background-color: #203b5b;
}


.Container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
}






@media only screen and (min-width: 768px) {

  #root {
    margin: 0px 80px;
  }


}

@media only screen and (min-width: 1024px) {

  #root {
    margin: 0px 100px;
  }


}

@media only screen and (min-width: 1440px) {

  #root {
    margin: 0px 210px;
  }


}