:root {
  --primary: #df4d44;
  --color: #fff;
  --h1-color: #fff;
  --h2-color: #fff;
  --h3-color: #fff;
  --h4-color: #fff;
  --h5-color: #fff;
  --h6-color: #fff;
  --primary-hover: #a43c36;
  --primary-focus: #070707;
  --background-color: #0e0e0e;
  --card-background-color: #070707;

  --form-element-background-color: #000;
  --form-element-border-color: #333;
  --form-element-placeholder-color: #444;
}

main {
  padding-top: 0px !important;
}

.logo img {
  width: 50px;
}

.menu-icon {
  display: none;
}

header {
  padding: 200px 0;
  text-align: center;
  position: relative;
  background-image: url("./bg.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 0;
}

header h1 {
  font-size: 6em;
  line-height: 0.4;
  white-space: nowrap;
}

header h3 {
  color: #efefef;
  font-size: 2em;
}

.status-card {
  margin: 0px;
}

footer {
  padding: 0px !important;
}

@media screen and (max-width: 600px) {
  .nav-menu {
    display: none;
  }
  .menu-icon {
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .responsive-nav-menu {
    display: block;
    position: absolute;
    z-index: 3;
    right: 15px;
    top: 70px;
    padding: 20px;
    background: black;
    width: 150px;
    border: var(--border-width) solid var(--primary);
    border-radius: var(--border-radius);
  }

  .responsive-nav-menu li {
    display: block;
  }
}