html, body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  /* background-color: #00FF00; */
}

.greenscreen {
  background-color: #00FF00;
}

#ed_node {
  position: absolute;
  overflow: hidden;
  z-index: -1;
  width: 100vw;
  height: 100vh;
  background-color: #00144c;

  --accent_1: #00ea6c;
  --accent_2: #dd00ff;
  --background_1_width: 795px;
  --background_2_width: 560px;

  
  -webkit-clip-path: url(#clippath);
  clip-path: url(#clippath);
}

#background_accent_1 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: var(--background_1_width);
  height: 100vh;
  background-color: #00ea6c;
  /* transform: rotate(15deg); */
}

#background_accent_1_triangle {
  position : absolute;
  z-index : -1;
  top : 0;
  left : calc(var(--background_1_width) - 1px);
  display : inline-block;
  height : 0;
  width : 0;
  border-top : 1080px solid #00ea6c;
  border-right : 290px solid transparent;
  filter: drop-shadow(0px 0px 15px #000000);
}

#background_accent_2 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: var(--background_2_width);
  height: 100vh;
  background-color: #dd00ff;
}

#background_accent_2_triangle {
  position : absolute;
  z-index : -1;
  top : 0;
  left : calc(var(--background_2_width) - 1px);
  display : inline-block;
  height : 0;
  width : 0;
  border-top : 1080px solid #dd00ff;
  border-right : 290px solid transparent;
  filter: drop-shadow(0px 0px 15px #000000);
}

#header {
  position: absolute;
  top: 55px;
  left: 96px;
  width: 100vw;
  height: 100px;
  display: flex;
  align-items: center;
}

img#header_logo {
  width: 140px;
  height: 130px;
}

#header_title {
  font-family: 'DG-Modal3at';
  font-size: 144px;
  font-weight: bold;
  color: #ffffff;
  margin-left: 35px;
  text-transform: uppercase;
  transform: skew(-15deg);
  filter: drop-shadow(0px 0px 15px #00000059);
}

#status {
  position: absolute;
  top: 191px;
  left: 96px;
  width: 1143px;
  height: 79px;
  display: flex;
  align-items: center;
}

#timer {
  min-width: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#timer span {
  font-family: 'JetBrains Mono';
  font-size: 40px;
  font-weight: 800;
  font-style: italic;
  color: #ffffff;
  text-align: center;
  width: 100%;
}

#heat {
  min-width: 788px;
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 0 50px;
}

#heat span {
  font-family: 'DG-Modal3at';
  font-size: 40px;
  font-weight: bold;
  color: #00144c;
  text-transform: uppercase;
}

#pos {
  position: absolute;
  top: 191px;
  left: 1347px;
  width: 124px;
  height: 151px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#pos > span {
  font-family: 'DG-Modal3at';
  font-size: 90px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
}

#pos sup {
  /* Little on the top like powers in math */
  font-size: 35px;
}

#pilot_card {
  position: absolute;
  top: 733px;
  left: 1347px;
  width: 417px;
  display: flex;
  flex-direction: column;
  font-family: 'DG-Modal3at';
  font-size: 40px;
  padding-left: 30px;
  padding-right: 30px;
}

#pilot_card #country {
  display: flex;
  align-items: center;
  justify-content: start;
  height: 55px;
}

#pilot_card #country img {
  height: 28px;
  margin-right: 10px;
}

#pilot_card #callsign {
  display: flex;
  align-items: center;
  justify-content: start;
  height: 77px;
  text-transform: uppercase;
  color: #ffffff;
}

#pilot_card #laps {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 77px;
}