html,
body {
  overflow: hidden;
}

body {
  margin: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

#container {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.a-title {
    font-family:'Tahoma';
    font-weight:bold;
    font-size:32px;
  position: absolute;
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: conic-gradient(#ed0101, blue);
  pointer-events: none;
  mix-blend-mode: difference;
  filter: drop-shadow(2px 4px 6px black);
}
.a-second-title {
  position: absolute;
  margin-top: 20vh;    
  letter-spacing: 1.125px;
  font-family:'Tahoma';
  text-align:center;
  font-size: 22px;
  font-weight: normal;
  mix-blend-mode: color-dodge;
}
.dis-event{
    pointer-events: none;
    color:white;
    mix-blend-mode: color-dodge;
    position: absolute;
  margin-top: 28vh;    
  letter-spacing: 1.125px;
  font-family:'Tahoma';
  text-align:center;
  font-size: 22px;
  font-weight: normal;
  mix-blend-mode: color-dodge;
}
canvas {
  width: 100%;
  height: 100%;
}
a{
    color:#03a9f4 !important;
    text-decoration:none;
    line-height:1.5;
}
.white{
    color:white !important;
    font-weight:bold;
}
.lg-text{
    font-size:28px;
    font-weight:bold;
}