@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

body{
  padding: 0;
  margin: 0;
  background-color: #1b1b20;
}

::-webkit-scrollbar {
  display: none;
}

a{
  text-decoration: none;
  color: #fff;
}

h1, h2, h3, h4, h5, p, div, span{
  margin: 0;
  color: #fff;
  background-color: transparent;
}

h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, p::selection, img::selection, div::selection, span::selection, ul::selection, li::selection, a::selection{
  background-color: #5cdcff;
  color: #000;
}

li{
  list-style: none;
}

i{
  color: #fff;
  font-size: 2rem;
}

.primary-font{
  font-family: "Poppins", sans-serif;
  font-style: normal;
}

.secondary-font{
  font-family: 'Roboto Mono', monospace;
}

.xlarge-text{
  font-size: min(5rem, 15vw);
  font-weight: 700;
  text-align: center;
}

.large-text{
  font-size: min(3rem, 10vw);
  font-weight: 700;
  text-align: center;
}

.medium-text{
  font-size: min(2rem, 7vw);
  font-weight: 700;
  text-align: center;
}

.flex{
  display: flex;
}

.flex-column{
  display: flex;
  flex-direction: column;
}

.center{
  justify-content: center;
  align-items: center;
}

.wrap{
  flex-wrap: wrap;
}

.wrap-rev{
  flex-wrap: wrap-reverse;
}

