@font-face {
font-family: "Futura";
src: url("futurabkbt.ttf") format("truetype");
}

/* Style the video: 100% width and height to cover the entire window */

#myVideo {
  position: auto;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -1;
}

.data_button {
  margin-right:auto;
  margin-left:auto;
  display: inline;
  flex-direction: column;
}

.data_projLogo {
  z-index: 3;
    padding-top: 4%;
  padding-bottom: 4%;
}

#bubu {
  z-index: -1;
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

#starseperator {
width: 50%;
  height: 50%;
  padding-top: 4%;
  padding-bottom: 4%;
}

#listo {
  padding: 2.3%;
  margin: 1%;
  z-index: 3;
  text-align: center;
  display: block;
  background: rgba(20, 7, 30, 0.7);
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

#listo2 {
  padding: 2.3%;
  max-height: 1%;
  margin: 1%;
  z-index: 3;
  text-align: center;
  display: block;
  background: rgba(20, 7, 30, 0.7);
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

#projectdiv {
  padding: 2.3%;
  margin: 1%;
  z-index: 3;
  text-align: center;
  display: block;
  background: rgba(20, 7, 30, 0.2);
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

#listholder {
  z-index: 3;
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

#linkholder {
  display: grid;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

#logoholder {
  z-index: 4;
  position: relative;
  right: 0;
  bottom: 0;
  min-width: 80%;
  min-height: 80%;
  padding: 1%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

#logo {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

p {
  font-size: 21px;
  text-align: center;
  color:#ffffff;
}

h1 {
  font-size: 35px;
  text-align: center;
  color:#ffffff;
}

h2 {
  font-size: 30px;
  text-align: center;
  color:#ffffff;
}

.data_release {
  font-size: 15.5px;
  text-align: center;
  color:#c7b6d2;
}

.data_button:hover {
  opacity: 0.5;
}

.data_text1:hover {
  opacity: 0.5;
}

.data_projLogo:hover {
  opacity: 0.5;
}

body {
  image-rendering: optimizespeed;
  -webkit-font-smoothing: none;
}