html{
    background-color: #BDAA42;
    -webkit-text-size-adjust: 100%;
}
body{
    background-color: #BDAA42;
    margin: 0px auto;
    display: flex;
    flex-flow: row wrap;
    max-width: 700px;
    color: #fff;
}
#wrapper{
    background-color: #BDAA42;

    margin: 0px auto;
}
h1, #qn, #resultatN{
    text-align: center;
    font-size: 100px;
    margin: 10px;
    font-weight: normal;
}
#resultatP, #resultatT, #q, #q1, #q2{
    text-align: center;
    font-size: 60px;
    margin: 10px 0px 0px;
}
p.footer{
    font-size: 50px;
    margin: 100px auto 0px;
    font-style: italic;
    text-align: center;
}

a{
    text-decoration: none;
}
#start{
    width: 300px;
    height: 300px;
    background-color: #4255BD;
    text-align: center;
    color: #fff;
    font-size: 80px;
    margin: 100px auto;
    border: 50px solid #4255BD;
    border-radius: 50%;
}
.alt{
    width: 500px;
    height: 100px;
    background:  #4255BD;
    color: #fff;
    text-align: center;
    font-size: 80px;
    margin: 50px auto;
    padding: 10px 0px 0px;
    border-radius: 20px;
}
.alt:hover, #start:hover{
    cursor: pointer;
}