loulou

html,body{
    height:100%;
    width:100%;
    text-align: left;
}


header{
    margin-bottom: 60px;
    display: flex;
    flex-direction: row;
}

#logo {
    flex : 1;
    max-height: 200px;
    background-image:url(Magic-the-gathering-logo.png);
    background-size: contain;
    background-position: center;
    background-repeat : no-repeat;
}

#logger{
    flex: none;
    background: lightsteelblue;
    border: 1px solid black;
    border-radius: 3px;
    padding: 5px;
}