@charset "utf-8";
/* CSS Document
rexStyles.css
11/14/19
updating the styles to integrate into technovice

*/

form input[type=text]{
    width: 90%;
    text-align: left;
}

.emphasize{
	font-weight: bold;
	color: blue;
}

.passed{
	font-weight: bold;
	color: green;
}

.failed{
	font-weight: bold;
	color: red;
}

div.rexTable {
    width: 95%;
/*    height: 400px;*/
    overflow-x: auto;
    margin-right: auto;
    margin-left: auto;
/*    margin-bottom: 20px;*/
}

div.rexTable td {
    padding: 5px;
    text-align: right;
    border: 2px lightgray solid;
}

div.rexTable tr:nth-child(even) {
    background-color: #FEF5BC;
/*    border: 2px lightgray solid;*/
}

div.rexTable th {
    background-color: #FF4F2F;
    color: white;
    padding: 5px;
}

div.rexTable table {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    border: 2px lightgray solid;
}

table#examples{
    font-size: smaller;
}

table#examples td p{
    font-size: 16px;
/*    background-color: pink;*/
}

@media (min-width: 600px) {

    /*red*/
    form label{
        font-size: 15px;
    }
    
    main div#content{
/*        background-color: pink;*/
    }
    
    main div#content form#testForm{
        width: 90%;
        
/*        background-color: yellow;*/
    }
    
    form p#output{
        font-size: 15px;
    }
    
    div.rexTable table{
        width: 500px;
    }
    
    table#examples{
        width: 90%;
        font-size: 1em;
    }
    
}