:root {
  --theme-color: #121212;
  --primary-color: white;
  --secundary-color: #F7C331;
  --text-color-inverse: rgb(255, 255, 255);
  --btn-bg-color: hsla(126.89, 58.65%, 40.78%, 1);
  --text-color: #ffffff;
  --shadow-color: #ffffff42;
  --menu-background-color: #0c0b0b;
  --menu-text-color: #ffffff
}

body {
  font-family: 'Montserrat', sans-serif;
  background-color: var(--theme-color);
  color: var(--text-color);
  padding-top: 10vh;
  margin: 0;
}

a {
  text-decoration: none;
  color: var(--menu-text-color);
}

.medium-text {
  font-size: medium;
}  

.small-text {
  font-size: smaller;
}

hr {
  border: 2px solid var(--secundary-color);
  width: 60%;
  border-radius: 5px;
}

.center-text {
  text-align: center;
}

@media (min-width: 950px) {
  .horizontal-padding {
    padding-left: 70px;
    padding-right: 70px;
  }
  .vertical-padding {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  hr {
    border: 3px solid var(--secundary-color);
    width: 60%;
    border-radius: 5px;
  }

  .mobile {
    display: none;
  }
}