.centeredheader{ text-align: center;
background-color: #07161b;
    border-radius: 0px;
    padding: 10px 10px;
    Width: 100%;
    margin-left: 0;
  margin-right: 0;
    color: rgb(194, 233, 246);
box-sizing: border-box;

}
.releasedate{ text-align: center;
    
box-sizing: border-box;
background-color: #07161b;
    border-radius: 0px;
    padding: 10px;
    Width: 100%;
    margin-left: 0;
  margin-right: 0;
 color: rgb(194, 233, 246);}

.VideoLink{ display: inline-block;
  padding: 10px 10px;
  background-color: rgb(194, 233, 246);
  color: #07161b;
  text-decoration: wavy; /* "None" removes the underline */
  border-radius: 50px;
    font-family: sans-serif;}

/* Okay so for some reason, url works but not src, here--unsure why*/
body{ background-image:url(../img/NEW%20NF%20Fear%20background%20idea.png);
  background-size :cover;
  background-position: center;
  background-repeat: repeat;
    background-size: 200px;
}



.listenhere{ text-align: center;}


.Background {
   margin: 0px;
   box-sizing: border-box;
   padding: 0px; 
}




.overlay-image {
            position: relative;
            display: inline-block;
        }




.Letters{ width: 800px; height: 800px;

    margin: 100px auto;
    align-content: center;
     margin-left: auto;
  margin-right: auto;
} 

.paragraph{ color: white; color: rgb(194, 233, 246); background-color: #36616d; border-radius: 10px; 
    border-style: 
double; border-color: black; width: fit-content;
    padding: 20px;
}




.horizontal-container{ 
    flex-direction: row; 
    justify-content: space-between; 
    align-items: flex-start; /* First item at the start of the row/earliest possible spot */
    display: flex; 
}


.Column3{ 
    margin-right: 50px;
    margin-top: 500px; /* Distance to the edge of the CONTAINER, */
    gap: 800px; /* Distance between each element up and down because columns */
    flex: 1;
    flex-direction: column; 
    justify-content: flex-start; 
    align-items: center; 
    display: flex;
}
.Column2{ 
    flex: 1;
    flex-direction: column; 
    justify-content: flex-start; 
    align-items: center; 
    display: flex;
}

.Column1{ 

    gap: 800px;
    flex: 1;
    flex-direction: column; 
    justify-content: flex-start; /* Basically saying put first item at the top of column */
    align-items: center; 
    display: flex;
}

/* OH MY GOSH OKAY THIS ACTUALLY WORKS */
.special-elite-regular {
    color: black;
  font-family: "Special Elite", system-ui;
  font-weight: 400;
  font-style: normal;
}