@import url('https://fonts.googleapis.com/css?family=Muli');

body {
    margin: 0px;
}

h1 {
    color: black;
    font: 18px 'Muli';
    font-weight: bold;
    padding: 0px 0px;
    text-align: center;
    margin: 0px;
}

p
{
    font:13px 'Muli';
	padding: 5px;
}

table
{
    font:11px 'Muli';
}

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

.testDetails {
    font-style: italic;
}

.taskInstruction {
    font:12px 'Muli';
    font-style: italic;
    text-align: center;
}

.mainPanel {
    width: 600px;
    border: 2px;
    border-style: solid;
    padding: 20px;
    margin: 10px auto;
}

.aframeWindow {
    text-align: center;
}

iframe {
    /* width: 60vh;
    height: 60vh; */
    width: 550px;
    height: 550px;
}

@media screen and (max-width: 700px) {
    .mainPanel {width: 80%;}
    iframe {width: 70vw;
        height: 70vw;
    }
}