@import url("https://fonts.googleapis.com/css?family=Acme|Lobster|Patua+One|Rubik|Sniglet");

* {
  box-sizing: border-box;
}

html {
  overflow: hidden;
  height: 100%;
}

body {
  height: 100%;
  overflow: auto;
}

:root {
  --Sniglet-font: "Sniglet", cursive;
  --Rubik: "Rubik", cursive;
  --Patua: "Patua One", cursive;
  --Lobster: "lobster", cursive;
  --light-black: #2e2c2caf;
  --bggradient: linear-gradient(to bottom, #dd2476, #ff512f);
  --light-gray: rgba(255, 255, 255, 0.877);
}

header a {
  font-family: "Times New Roman", Times, serif;
  font-size: 0.9em;
  color: whitesmoke;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
  background-color: rgb(121, 247, 178);
}

.dropdown:hover .dropdown-content {
  display: block;
}

header .navbar {
  margin-bottom: 6em;
}

@media (max-width: 768px) {
  header .navbar {
    margin-bottom: 0em;
  }
}

header .nav-item:last-child {
  padding-right: 10.5em;
}

header .nav-item {
  padding: 0.9em;
  padding-right: 2em;
}

header #navbarNav {
  padding-left: 3rem;
}

header .navbar-brand {
  padding-left: 2vmin;
}

header .navbar-brand img {
  padding-right: 15px;
  max-width: 100px;
}

@media (min-width: 768px) {
  header .navbar-brand {
    padding-left: 8rem;
  }
}

@media (max-width: 768px) {
  header .navbar {
    justify-content: center;
  }
}

header .nav-link {
  color: white;
}

header .nav-link:hover {
  color: rgb(202, 231, 98);
}

header .navbar-text {
  color: white;
  padding-left: 30vmin;
}

header .row .col-md-7 {
  padding: 15vmin 5vmin 15vmin 5vmin;
}

header .row .col-md-5 {
  padding: 4.2vmin 15vmin;
}

header .row .col-md-5 img {
  width: 90%;
}

header {
  background-image: url(../assets/wallpaper.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media (max-width: 768px) {
  header .container-fluid .row {
    padding: 6vmin 0vmin;
  }
}

header .container-fluid .col-md-7 {
  font-family: "Rubik", sans-serif;
}

header .container-fluid .col-md-7 h6 {
  padding: 1vmin;
  letter-spacing: 4px;
}

header .container-fluid .col-md-7 h1 {
  font-size: 8.5vmin;
  font-weight: bold;
  padding: 0.1em 0em;
}

header .container-fluid .col-md-7 p {
  padding: 1vmin 0vmin;
}

.menu-text {
  color: white;
  padding-right: 2vmin;
}

.navbar-toggler {
  border-color: white;
}