html{
        background-color: #FFE0F7;
}

body{
    font-family: 'Source Sans Pro', sans-serif;
}

header{

}
header h1{
    color: #6F0752;
    border-bottom: 4px solid #A23183;
    margin: 10px;
}

article{
    border: 2px solid #B8509B;
    margin:5px 10px;
    border-radius:10px;
}

article header{

    display: flex;
}

article h2{
    color:#6F0752;
    font-size:1.2em;
    margin:10px;
    flex-grow:1;
}

article h3{
    color:#6F0752;
    font-size:1.0em;
    margin:7px;
    text-align:right;
    flex-grow:0;
    background:transparent;
    border: 1px solid  #B8509B;
    border-radius:3px;
    padding:3px 7px;
    cursor:pointer;
}

article h3:hover{
    color:#6F0752;
    font-size:1.0em;
    margin:7px;
    text-align:right;
    flex-grow:0;
    background:transparent;
    border: 1px solid  #B8509B;
    border-radius:3px;
    padding:3px 7px;
}

article .results{
    margin:0 10px 10px;
    display:none;
}
article .results > div{
    display: flex;
}
article .results > div p{
    color:#6F0752;
    flex-grow: 1;
    margin: 0 3px;
    font-size:0.8em;
}

.results > div:nth-child(1){
    margin-bottom: 3px;
    border-bottom: 1px solid #A23183;
}

.results > div:nth-child(2){
    background: #6F0752;
}

.results > div:nth-child(2) p{
    color: #FFE0F7;
}

.results .name{
    flex-basis:60%;
}
.results .time{
    flex-basis:20%;
}
.results .desv{
    flex-basis:20%;
}