* {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 0;
    padding: 0;
}

body {
  background-color: var(--background-color);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
    padding-inline: 10%;
}

*::-webkit-scrollbar {
    width: 0;
    height: 0;
}

@media (max-aspect-ratio: 1/1) {
  .desktop {
    display: none;
  }
}

@media (min-aspect-ratio: 1/1) {
  .mobile {
    display: none;
  }
}

.none {
  display: none;
}

:root {
  --background-color: #181c1f;
  --background-color-2: #C99E47;
  --background-color-3: #333C42;
  --foreground-color: #ffffff;
  --foreground-color-2: #989C59;
  --foreground-color-3: #3F4548;
  --foreground-color-4: #989C5999;
  --foreground-color-5: #ffffff99;
  --border-color: #575B58;
}

.foreground-2 {
  color: var(--foreground-color-2);
  font-size: 15px;
}

img:not([src]),
img[src=""] {
    display: none;
}

.title {
    color: var(--foreground-color-2);
    text-align: center;
    font-size: 40px;
    padding-bottom: 1em;
}

.border-1 {
  background-color: var(--background-color-3);
  border: 1px solid var(--border-color);
  border-radius: 5px;
}

.border-2 {
  border: 1px solid var(--foreground-color-2);
  border-radius: 5px;
}

.button-1 {
  border: none;
  text-decoration: none;
  color: var(--foreground-color-3);
  background-color: var(--background-color-2);
  font-size: 15px;
  border-radius: 5px;
  min-width: 250px;
  text-align: center;
  padding-block: .5em;
}

.button-2 {
  text-align: center;
  background-color: var(--background-color-2);
  font-size: 10px;
  border-radius: 5px;
  width: fit-content;
  padding: 1em 1.5em 1em 1.5em;
  color: var(--foreground-color-3);
  text-decoration: none;
}