* {
    font-family: courier;
    color: white;
    margin: 0;
}

body {
  background: #171525 radial-gradient(100vw at 50vw 50vh, rgb(13 27 67), transparent 100%);
}

body.hidden > * {
  opacity: 0;
}

body > * {
  /* transition: opacity 1s; */
  opacity: 1;
}

a {
  text-decoration: none;
}

.workplace,
.project {
  transition: all 1s;
  margin-bottom: 20px;
  padding: 1.5em 2em;
  border-radius: 10px;
  /* background-color: rgb(40 44 78 / 15%);
  border-top: 2px solid rgb(110 127 162 / 10%); */
  background-color: rgb(40 44 78 / 15%);
  border-top: 2px solid rgb(110 127 162 / 10%);
}

.workplace:hover,
.project:hover {
  background-color: rgb(40 44 78 / 50%);
  border-top: 2px solid rgb(110 127 162 / 39%);
}

.tags > * {
  display: inline-block;
  margin: 3px;
  padding: 3px 15px;
  background-color:rgba(45,212,191,.1);
  color: rgb(94 234 212);
  font-weight: bold;
  border-radius: 20px;
  text-shadow: 0 0 6px black;
}