@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');

body {
  background-color: #192124;
  color: #f2f4ff;
}

.container {
  display: grid;
  margin: 0;
  height: 100%;
  place-items: center;
}

.profile-card {
  margin: 0 auto;
  text-align: center;
  line-height: .75;
  grid-area: 1 / 1 / 5 / 11;
  width: min-content;
  height: max-content;
  background-color: #222e32;
  padding: 0 0 20px 0;
  box-shadow: 0px 0px 10px #222e32;
}

.navbar a {
  color: #d6ddff;
  text-decoration: none;
}

.navbar a:hover {
  opacity: 0.8;
}

footer {
  grid-area: 5 / 1 / 6 / 11; /* without it it doesn't work lol*/
  height: 100px;
  width: 100%;
  /*background-color: #222e32;*/
  text-align: center;
  flex: 1;
}