@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css');

:root {
  --black0: #404040;
  --white0: #ffffff;
  --yellow0: #f8f18d;
  --tan0: #fee3c5;
  --pink0: #f8bfd1;
  font-family: sans-serif;
}

body,
html {
  height: 100vh;
  overflow: hidden;
}

.main-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

ul {
  &.simple-lines {
    list-style-type: none;
    padding: 0;
    margin: 0;
    line-height: 1.2;
  }
}

a {
  color: var(--black0);

  &:visited {
    color: var(--black0);
  }

  text-decoration: none;

  &:hover {
    text-decoration: underline;
  }

  &.active {
    font-weight: bold;
  }

  
}