@font-face {
    font-family: replica;
    src: url(Replica-Light.ttf);
}

@font-face {
    font-family: replica;
    src: url(Replica-Bold.ttf);
    font-weight: bold;
}

body{
    font-family: "replica";
    margin: 0px;
    background-color: #4d99e7;
    background-image: url('../img/background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.selection{
    margin: 200px auto 10px auto;
    padding: 20px;
    width: 450px;
}

a.buttonLeft{
    float: left;
    background-color: #ffffff;
    color: #000000;
    width:170px;
    padding: 20px;
    border: 2px solid #ffffff;
    text-align: center;
    text-decoration: none;
}

a.buttonRight{
    float: right;
    background-color: #ffffff;
    color: #000000;
    width:170px;
    padding: 20px;
    border: 2px solid #ffffff;
    text-align: center;
    text-decoration: none;
}

a.buttonLeft:hover{
    float: left;
    background-color: #330072;
    color: #ffffff;
    width:170px;
    padding: 20px;
    border: 2px solid #ffffff;
    text-align: center;
}

a.buttonRight:hover{
    float: right;
    background-color: #c70505;
    width:170px;
    padding: 20px;
    border: 2px solid #ffffff;
    color:#ffffff;
    text-align: center;
}