.bigText {
    font-size: 100px;
    color: white;
}

   
.animateTextBG {
    padding: 10px;
    background: url(https://static.igem.wiki/teams/4378/wiki/img/redglow.gif); /*Homemade animation, do not remove*/
    background-size: cover;
    background-position-y: 100px;
    -webkit-background-clip: text;
    color: #00000047;
    letter-spacing: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
}

.header {
    background-attachment: fixed;
    display: flex;
    flex-direction: column;
    background-image: linear-gradient(to bottom right, #780000, #669bbc);
    background-size: cover;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
    height: calc(100vh);
}

#headerlogo {
    /* height: 400px; */
    height: 50vh;
    max-height: 60vh;
}

.header h2 {
    top:0;
    font-size: 10vh;
    margin-top: 0;
}

.picFitRow80 {
    width: 80%;
}

/*Brightness 0 --> all black. Invert 1 --> All white. Cheap but effective way of
    creating black/white overlays on pixels*/ 
.whiteOverlay {
    filter: brightness(0) invert(1);
}

/*Start with partially faded content and fade in on hover.*/
.fadeIn {
    opacity: 70%;
    transition: opacity .15s ease-in-out;
}
.fadeIn:hover {opacity: 100%;}


/*Links*/
.link_target {
    position: relative;
    float: left;
    /* top: -100px; */
}

.footer {
    background-color: #003049;
    text-align: center;
    font-size: 30px;
    color: #fef8ec;
    font-family: "orbitron", sans-serif;
}

.smallPic {
    width: 50%;
    max-width: 300px;
}

.flex1 {flex: 1;}
.flex2 {flex: 2;}
.flex3 {flex: 3;}
.flex4 {flex: 4;}
.flex5 {flex: 5;}
.flex6 {flex: 6;}
.flex7 {flex: 7;}
.flex8 {flex: 8;}