.content {
  font-size: 1.4em;
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 0 1.2em 1em 1.2em;
}

#PassBtn,
#FailBtn,
#SkipBtn,
#OpenBtn,
#startStopBtn,
#playpauseBtn,
#FlipBtn {
  width: 16rem;
  font-size: 1.3em;
  padding: 10px;
  border: none;
  border-radius: 5px;
  background: #232429;
  color: #dedfe3;
  cursor: pointer;
}

#PassBtn:hover,
#FailBtn:hover,
#SkipBtn:hover,
#OpenBtn:hover,
#startStopBtn:hover,
#playpauseBtn:hover,
#FlipBtn:hover {
  background: #f2f3fb;
  color: #2c373a;
}

#startStopBtn.running{
  background-color:#FF3030;
  border-color:#FF6060;
  color:#FFFFFF;
}

.testbuttons form {
  display: flex;
  gap: 0.4em;
}

d {
  font-style: normal;
  border-bottom: 1px dotted #9a9a9a;
  text-decoration: none;
}

@media (min-width: 2560px) {
  .content {
    font-size: 1.6em;
  }
  #PassBtn,
  #FailBtn,
  #SkipBtn,
  #OpenBtn,
  #startStopBtn,
  #playpauseBtn,
  #FlipBtn {
    width: 20.5rem;
    font-size: 1.4em;
    padding: 15px;
  }
}

@media (min-width: 1920px) and (max-width: 2200px) {
  /* CSS for fullhd is at the default */
}

@media (min-width: 1360px) and (max-width: 1600px) {
  .content {
    font-size: 1.1em;
  }
  #PassBtn,
  #FailBtn,
  #SkipBtn,
  #OpenBtn,
  #startStopBtn,
  #playpauseBtn,
  #FlipBtn {
    width: 12.5rem;
    font-size: 1.1em;
  }
}

@media (min-width: 600px) and (max-width: 1360px) {
  .content {
    font-size: 1.1em;
  }
  #PassBtn,
  #FailBtn,
  #SkipBtn,
  #OpenBtn,
  #startStopBtn,
  #playpauseBtn,
  #FlipBtn {
    width: 11.2rem;
    font-size: 1.1em;
  }
}

@media (min-width: 320px) and (max-width: 600px) {
  .content {
    font-size: 1em;
    text-align: center;
  }
  div.testbuttons {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #PassBtn,
  #FailBtn,
  #SkipBtn,
  #OpenBtn,
  #startStopBtn,
  #playpauseBtn,
  #FlipBtn {
    width: 10rem;
    border: 0.1px solid #c4c4c4;
    font-size: 1.2em;
  }
  d {
    border-bottom: none;
  }
}

@media (max-width: 320px) {
  .content {
    font-size: 0.8em;
    text-align: center;
  }
  div.testbuttons {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #PassBtn,
  #FailBtn,
  #SkipBtn,
  #OpenBtn,
  #startStopBtn,
  #playpauseBtn,
  #FlipBtn {
    width: 8rem;
    border: 0.1px solid #c4c4c4;
    font-size: 1.2em;
  }
  d {
    border-bottom: none;
  }
}