:root{
    --text-background-color: lightgray;
}
body{
    margin: 0;
    font-size: 2vw
}
#background{
    margin: auto;
    padding-top: 4vw;
    width: 80%;
    background-image: url("./images/background.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.button1 {
    margin: auto;
    font: 50px Calvin;
    border: dashed;
    border-color: #745654;
    color: #745654;
    padding: 15px 32px;
    text-align: center;
    text-decoration: #a6642d;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    background-color: #F99334;
    }
.button2 {
    margin: auto;
    font-family: Calvin;
    border: dashed;
    border-color: #745654;
    color: #745654;
    padding: 15px 32px;
    text-align: center;
    text-decoration: #7FFFD4;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    background-color: #F35384;
    }
.button3 {
    margin: auto;
    font-family: Calvin;
    border: dashed;
    border-color: #745654;
    color: #745654;
    padding: 15px 32px;
    text-align: center;
    text-decoration: #7FFFD4;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    background-color: #73a3f4;
    }
.button4 {
    margin: auto;
    font-family: Calvin;
    border: dashed;
    border-color: #745654;
    color: #745654;
    padding: 15px 32px;
    text-align: center;
    text-decoration: #7FFFD4;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    background-color: #F35334;
    }
.button5 {
    margin: auto;
    font-family: Calvin;
    border: dashed;
    border-color: #745654;
    color: #745654;
    padding: 15px 32px;
    text-align: center;
    text-decoration: #7FFFD4;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    background-color: #23a334;
    }