:root {
  --base: white;
  --mid: #86868B;
  --contrast: black;

  --highlight: #0858E7;
  --highlight-hover: #2A74F8;
  --highlight-dark: hsl(218, 93%, 15%);
}

body {
  font-family: "Helvetica";
  font-weight: lighter;

  background: var(--base);
}

h1, h2, h3 {
  margin: 0;
  margin-bottom: 1vw;

  color: var(--contrast);
  font-family: "Helvetica";
  font-weight: bold;
}
h1 { font-size: 6vw; }
h2 { font-size: 4vw; }
h3 {
  font-size: 2vw;
  color: var(--base);
}

p {
  margin: 0;
  color: var(--base);
  font-size: 2vw;
}

button {
  transition: 0.5s;

  border: none;
  border-radius: 0.2vw;
  margin: 0.5vw;

  color: var(--base);
  font-size: 2vw;
  font-family: "Helvetica";
  font-weight: lighter;

  background: var(--highlight);
}
button:hover {
  transition: 0.1s;

  cursor: pointer;

  background: var(--highlight-hover);
}

a {
  transition: 0.5s;
  color: var(--highlight);
}
a:hover {
  transition: 0.1s;
  color: var(--highlight-hover);
}

img { width: 15vw; }

.flexcolumn, .flexcolumn_dark, .flexrow {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;

  margin: 1vw;
}
.flexcolumn, .flexcolumn_dark { flex-direction: column; }
.flexcolumn_dark {
  width: 15vw;
  padding: 1vw;
  background-image: linear-gradient(to bottom right, var(--contrast), var(--highlight-dark));
}
.flexrow { flex-direction: row; }

.backDots {
  color: var(--mid);
  font-size: 1.5vw;
  user-select: none;
}

.marginP {
  width: 80vw;

  padding: 2vw;
  margin-bottom: 5vw;

  background: var(--mid);
}

.finePrint {
  margin-left: 0.5vw;
  margin-right: 0.5vw;

  color: var(--mid);
  font-size: 1vw;
}

.video_big {
  width: 102vw;

  margin-top: -2vw;
  margin-left: -5vw;
}

.h1_big {
  position: absolute;

  color: var(--base);

  user-select: none;
  pointer-events: none;
}

#subjectImg {
  width: 80%;
  height: 80%;
  align-self: center;

  border: none;
}

#popup {
  visibility: hidden;
  opacity: 0.95;

  position: absolute;
  top: 1vw;
  width: 95vw;
  height: 50vw;

  border-radius: 0.6vw;

  background: var(--contrast);
}

.help_highlights {
  margin-right: 1vw;

  color: var(--highlight);
}