@font-face {
    font-family: Header-Font;
    src: url(src/fonts/Sriracha-Regular.ttf);
}

@font-face {
    font-family: Paragraph-Font;
    src: url(src/fonts/Itim-Regular.ttf);
}

@font-face {
    font-family: Cursive-Font;
    src: url(src/fonts/Courgette-Regular.ttf);
}

.centerContentContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    text-align: center;
    margin: 0 auto;
    width: 70%;
    min-height: 80vh;
}

.gradientContainer {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 100%;
    min-height: 80vh;
    background-image: linear-gradient(rgba(222, 251, 255, .0), rgba(222, 251, 255, 0.8), rgba(222, 251, 255, 0.9), rgba(222, 251, 255, 0.8), rgba(222, 251, 255, 0.0));
}

.missionContentContainer {
    position: relative;
    text-align: center;
    justify-content: center;
    display: grid;
    grid-template-columns: auto auto;
}

.missionHeaderContainer {
    grid-column: 1/span 2;
    display: inline-block;
    text-align: left;
    font-size: calc(1.6vmin + .4em);
    font-family: Cursive-Font, cursive;
    margin: 10px;
}

.missionHeaderContainer img {
    float: left;
    width: 25vmin;
    max-width: 100%;
    max-height: 100%;
}

.missionFlowerImage {
    position: relative;
    width: 40%;
    border: none;
    grid-column: 1;
}

.missionFlowerImage img {
    max-width: 100%;
    max-height: 100%;
}

.missionText {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    text-align: center;
    justify-content: center;
    font-size: calc(1.7vmin + .4em);
    grid-column: 1/span 2;
    font-family: Paragraph-Font, cursive;
}

.missionText p {
    position: relative;
    text-align: center;
    justify-content: center;
    margin: 0 auto;
    padding-right: 2vmin;
    padding-left: 2vmin;
}

.missionSig {
    font-size: 2.1vmin;
    font-family: Paragraph-Font, cursive;
}

.missionSig p
{
    margin: 0;
}