@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@700&display=swap");

body {
  font-family: "Archivo", sans-serif;
  background-color: rgb(59, 72, 80);
  color: rgb(191, 191, 191);
}

.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

a {
  text-decoration: none;
  color: rgb(191, 191, 191);
}

a:hover {
  font-size: 1.8rem;
  color: rgb(248, 248, 248);
  transition: color 0.5s ease-in-out, font-size 0.5s ease-in-out;
}

.logo,
.about,
.info,
.support,
.login {
  margin: 20px;
  font-size: 1.5rem;
}

.logo {
  flex-grow: 3;
}

.about,
.info,
.support,
.login {
  flex-grow: 1;
}