:root {
  --space: 16px;
}

body {
  background-color: #ffe48c;
  background-blend-mode: overlay;
  height: 100vh;
}

div {
  box-sizing: border-box;
}

span {
  display: inline-block;
}

a {
  text-decoration: none;
  font-size: 18px;
  color: revert;
  cursor: pointer;
}

a:hover {
  text-decoration: none;
}

.checkbox-label {
  cursor: pointer;
}

.header {
  display: flex;
}

.icon-container a {
  margin-right: var(--space);
}

.box-thing {
  background-color: #ffffff1c;
  border: 2px inset #242222;
  padding: 0 var(--space);
  max-width: 800px;
}

.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.text {
  margin-bottom: var(--space);
}

.multi {
  display: flex;
  flex-direction: column;
  flex: 1 1 300px;
}

.website-box {
  background-color: #ffb2fb; 
  border: 4px inset #ff00f2;
  font-size: large;
  font-weight: bold;
  width: fit-content;
}