@charset utf-8;

section h1 {
    font-size: 40pt;
    text-align: left;
    margin-left: 5vw;
}

form ul {
    list-style-type: none;
    overflow: hidden;
}

section li {
    float: left;
    overflow: hidden;
    width: 45vw;
}

/*table {
    display: block;
    margin: auto;
    margin-left: 15vw;
    column-span: 2;
}*/

#name {
    font-size: 25pt;
    width: 90%;
    font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
    color: white;
    border: 0;
    margin: 2vw;
    margin-bottom: 10vw;
    margin-top: 8vw;
    background-color: #002291; 
}

#messageText {
    font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
    color: white;
    width: 90%;
    height: 30vw;
    font-size: 20pt;
    border: 0;
    margin: 2vw;
    background-color: #5e0000;
}

#email {
    font-size: 25pt;
    width: 90%;
    font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
    color: white;
    margin: 2vw;
    border: 0;
    background-color: #002291; 
}

#send {
    font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
    font-size: 30pt;
    color: white;
    border: 0;
    width: 50vw;
    height: 5%;
    display: block;
    margin: 2vw auto;
    background-color: #990000;
}

#send:hover {
    cursor: pointer;
    color: black;
    background-color: #5e0000;
}

@media screen and (max-width: 800px) {
    table {
        width: 90vw;
        column-span: 1;
    }
    
    td {
        width: 100%;
    }
    
    section li {
        width: 85vw;
    }
    
    #name {
        font-size: 25pt;
        width: 100%;
        display: block;
        margin: 5% auto;
    }
    
    #email {
        font-size: 25pt;
        width: 100%;
        display: block;
        margin: 5% auto;
    }
    
    #messageText {
        width: 100%;
        height: 50vw;
        font-size: 20pt;
        float: none;
        display: block;
        margin: 5% auto;
    }
}