/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

::-moz-selection {
    background: red;
    color: white;
  }
  
  ::selection {
    background: red;
    color: white;
  }

body, html {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    background-color: white;
    font-family: 'Georgia', Arial, Helvetica, sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

header {
    text-align: left;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
}

nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 2.5px;
}

p {
    padding: 0;
    margin: 0;
}

a {
    color: rgb(255, 0, 0);
    text-decoration: none;
    cursor: pointer;
    z-index: 1;
    font-size: 1.1vw;
}

.active {
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
}

nav a  {
    padding: 5px;
}

#entrytext {
    color: rgb(255, 30, 30);
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 7.5px;
    padding-right: 7.5px;
    text-align: left;
    font-size: 2.8vw;
}

.literature {
    color: rgb(106, 0, 255);
    padding-left: 7.5px;
    padding-right: 7.5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2vw;
}

.literature a {
    font-size: 2vw;
}

.content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; /* Take up remaining vertical space */
}

.button-container,
.submit-container {
    text-decoration: none;
    margin-top: auto;
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.button-container {
    font-size: 1,1vw;
}

.submit-container {
    height: 0;
    -webkit-transition: height 0.3s ease;
    -o-transition: height 0.3s ease;
    transition: height 0.3s ease;
}

.submit-container.active {
    height: auto;
    -webkit-transition: height 0.3s ease;
    -o-transition: height 0.3s ease;
    transition: height 0.3s ease;
}

button {
    font-size: 1.1vw;
    margin: 7.5px;
    padding: 0px;
    font-family: 'Georgia', 'Times New Roman', Times, serif;
    background-color: rgba(0, 0, 0, 0); 
    color: rgb(255,30,30);
    border: none;
    cursor: pointer;
}

button:hover {
    text-decoration: underline;
}

.submit {
    color: rgb(106, 0, 255);
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2vw;
    margin: 0;
    padding: 7.5px;
    padding-top: 0px;
    text-align: left;
}

.submit a {
    font-size: 2vw;
    text-decoration: none;
    color: rgb(255, 30, 30);
}

.submit a:hover {
    text-decoration: underline;
}

.type-submit {
    color: rgb(255, 30, 30);
}

#submitToggle {
    color: rgb(255, 30, 30);
    cursor: pointer;
}

#submitToggle:hover {
    text-decoration: underline;
}

input {
    height: 2vw;
    width: 70vw;
    color: rgb(255, 30, 30);
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none;
    border: none;
    background: none;
}


@media screen and (max-width: 1400px) {
    a {
        font-size: 16px;
    }

    #entrytext {
        font-size: 24px;
    }

    .literature {
        font-size: 24px;
    }

    .literature a {
        font-size: 24px;
    }

    .submit {
        font-size: 24px;
    }

    input {
        font-size: 24px;
    }

    button {
        font-size: 16px;
    }
}


@media screen and (max-width: 600px) {
    a {
        font-size: 16px;
    }

    #entrytext {
        font-size: 18px;
    }

    .literature {
        font-size: 18px;
    }

    .literature a {
        font-size: 18px;
    }

    .submit {
        font-size: 18px;
    }

    label, input, .type-submit {
        padding: 0px;
        margin: 0px;
    }
}