body {
  overflow: auto;
  text-align: center;
  background-image: none;
  margin: 10px;
}

/* I'm lazy af */

a:visited {
  color: var(--secondary) !important;
}

/* Probably best to make a class and reuse it between both pages */

.projects__header {
  cursor: default;
  font-family: "Orbitron";
  font-size: 25px;
  font-weight: bold;
  text-decoration: none;
  color: var(--primary);
  -webkit-text-stroke: 1px var(--secondary);
  text-shadow: 0 0 2em var(--primary);
  margin-bottom: 7px;
  transition: 0.3s;
}

.projects__header:hover {
  letter-spacing: 5px;
}

.project {
  margin-top: 15px;
  padding: 15px;
  background: var(--tertiary);
  display: flex;
  flex-direction: column;
  gap: 5px;
  text-align: left;
  border-radius: 15px;
  border: 1px solid var(--primary);
}

.project__title {
  font-family: 'Orbitron';
  font-size: 20px;
  font-weight: bold;
  color: var(--secondary);
}