body {
    color:#222;
    background-color: #eee;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size:1em;
    margin:0;
    padding:0;
}

header {
    position:absolute;
    top:0;
    width:100%;
    background-color: #eee;
    text-align:center;
}

#main {
    padding:10px;
    margin-top:150px;
}

code {
    display:block;
    margin:10px 30px;
    color:#ff0047;
    font-size:1.2em;
}

pre > code {
    white-space: pre;
    margin:0;
    display: block;
}

#info {
    margin-bottom:60px;
}

#info div {
    margin-bottom:10px;
}

#quiz {
    border: 1px solid #eee;
    background-color:#fff;
    padding:20px;
}

#quiz li {
    margin-bottom:40px;
}

#quiz li div {
    margin-bottom:10px;
    width:600px;
}

#css,#javascript {
    display:none;
}

#score-wrapper {
    text-align:center;
    position:absolute;
    top:0;
    left:0;
    padding:30px 20px;
    font-size:.8em;
}

#score {
    font-size:3.5em;
}

.answer input {
    margin:0px 0px 0px 20px;
}

.tab {
    color:#fff;
    padding:3px 10px;
    border: 1px solid #eee;
    border-bottom:0px;
    background-color:#eee;
    display:inline-block;
    margin-bottom:-1px;
}
             
.tab.active {
    padding:5px 15px;
    background-color:#fff;
}
             
.tab a {
    text-decoration:none;
}

.tab.active a {
    color:#222;
}