body{
    background:#222;
    color:white;
    font-family:Arial, Helvetica, sans-serif;
    margin:0;
}

.container{
    width:700px;
    margin:auto;
    padding-top:80px;
    text-align:center;
}

h1{
    color:#00d084;
    font-size:54px;
}

h2{
    color:#00d084;
}

p{
    font-size:24px;
}

.selection{
    color:#b8c4c0;
    font-size:18px;
    margin-bottom:8px;
}

.button-link{
    display:block;
    text-decoration:none;
}

.manual-link{
    color:#00d084;
    display:inline-block;
    font-size:20px;
    font-weight:bold;
    margin:4px 0 14px;
    text-decoration:none;
}

.manual-link:hover{
    text-decoration:underline;
}

.diagnosis-container{
    padding-bottom:60px;
    text-align:left;
}

.diagnosis-container h1{
    font-size:38px;
}

.diagnosis-summary{
    font-size:22px;
}

.diagnosis-card{
    background:#2d2d2d;
    border-radius:8px;
    margin:24px 0;
    padding:20px 26px;
}

.diagnosis-card h2{
    margin-top:0;
}

.diagnosis-card li,
.diagnosis-card p{
    font-size:18px;
    line-height:1.55;
    margin:10px 0;
}

.next-step{
    border-left:4px solid #00d084;
}

button{

    width:100%;
    padding:18px;
    margin-top:15px;

    font-size:22px;

    background:#333;

    color:white;

    border:none;

    border-radius:8px;

    cursor:pointer;

    transition:.2s;

}

button:hover{

    background:#00d084;

}