@media only screen and (max-width: 425px) {
  body {
    font-size: 5px;
    max-width: 425px;
  }
  .airdrop-section {
    display: none;
    height: 500px;
    /* color: var(--color-opacity); */
  }
  .nav-div {
    display: none;
  }
}
:root {
  --color-primary: #f9f6e6;
  --color-secondary: #faffc5;
  --color-tertiary: #e7fbb4;
  --color-primary-darker: #8e1616;
  --color-secondary-darker: #754e1a;
  --color-tertiary-darker: #cba35c;
  --color-opacity: #f9f6e6;
  --gradient-primary: linear-gradient(to top left, #39b385, #9be15d);
  --gradient-secondary: linear-gradient(to top left, #f2ae66, #ffcb03);
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  font-size: 50%;
}
body {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  color: #444;
  line-height: 1.9;
  background-color: var(--gradient-primary);
}
/* Elements */
a {
  text-decoration: none;
}
button {
  height: 30px;
  border-radius: 20px;
  margin: auto;
}

footer p {
  font-size: 100%;
  color: white;
}

nav img {
  width: 30px;
  height: 30px;
}
section {
  width: 100%;
  height: 58rem;
  text-align: center;
  display: grid;
  align-items: center;
  justify-content: center;
}
header {
  height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  margin-bottom: 20px;
  background-color: white;
}
header div {
  width: 200px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  justify-items: center;
}

/* classes */
.airdrop-section {
  background-color: var(--color-secondary);
}
.btn:hover {
  border-color: var(--color-opacity);
  color: #e7fbb4;
  background-color: #8e1616;
}
.footer {
  height: 200px;
  width: 100%;
  display: grid;
  justify-content: center;
  align-items: center;
  font-size: 150%;
  background-color: var(--color-primary-darker);
}
.header-h1 {
  display: inline;
  font-size: 150%;
  width: 400px;
  margin-left: 20px;
}
.issues-div p {
  font-size: 200%;
}
.issues {
  display: grid;
  width: 47%;
  grid: auto / auto auto auto auto;
  justify-content: space-between;
  justify-items: center;
  align-content: space-between;
  margin: auto;
  /* overflow: hidden; */
  height: 90%;
}

.issues-div p {
  width: 50%;
  text-align: center;
  margin: auto;
}

.issues-btn {
  width: auto;
  height: auto;
  padding: 10px;
  font-size: 130%;
  background-color: var(--color-opacity);
  border: 2px solid var(--color-primary-darker);
}
.issues-section {
  background-color: var(--color-opacity);
}

.kyc-section {
  background-color: var(--color-primary);
  /* margin-top: 20px; */
  padding: 50px;
}
.nav {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  height: 7rem;
  width: 100%;
  padding: 0 6rem;
  z-index: 100;
}
.nav-div {
  width: 500px;
}
.paragraph {
  width: 40%;
  /* text-align: center; */
  font-size: 150%;
  margin: auto;
  text-align: left;
}

.section-h2 {
  font-size: 450%;
  width: 50%;
  margin: auto;
  text-align: center;
  color: var(--color-primary-darker);
}
.nav__links {
  display: flex;
  align-items: center;
  list-style: none;
}
.nav__link {
  text-decoration: none;
  font-size: 120%;
  color: var(--color-primary-darker);
  border: none;
  padding: 5px;
  width: 200px;
}
.nav__link:hover {
  color: var(--color-secondary-darker);
}

.nav__item {
  margin-left: 4rem;
}

.nav-btn,
.kyc-btn,
.airdrop-btn,
.issues-connect-btn {
  width: auto;
  height: auto;
  padding: 10px 20px;
  border: 2px solid var(--color-primary-darker);
  font-size: 150%;
  background-color: var(--color-secondary);
}