:root {
  --primary: #0A2239;
  --secondary: #7A9CC6;
  --near-white: #FFFFFB;
  --accent: #FFC145;
  /* --accent: rgb(255, 193, 69); */
  --accent-2: #62A87C;
  --near-black: #000013;
  font-family:sans-serif;
}

* {
  box-sizing: border-box;
  margin: 0;
}

div {
  border: 1px solid black;
}

header {
  display: flex;
  flex-direction: row;
  background-color: var(--primary);
}

footer {
  display: flex;
  background-color: var(--secondary);
  color: var(--near-black);
}

h1, h2 {
  color: var(--accent);
}

a {
  color: var(--secondary);
}

.header__logo {
  width: 30%;
}

.header__menu {
  width: 70%;
}

.menu-list {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  list-style-type: none;
  margin: 0;
  padding: 5px;
}

.menu-list__item {
  padding: 5px 20px;
  border-radius: 3px;
}

.menu-list__item:hover {
  background-color: var(--accent);
}

.menu-list__item:hover .menu-list__item__link {
  color: var(--primary);
}

.menu-list__item__link {
  color: var(--accent);
  text-decoration: none;
}

.main-div {
  background-image: linear-gradient(135deg, var(--primary), black);
  min-height: 80vh;
  color: var(--near-white);
}