@font-face {
    font-family: 'Roboto';
    src: url('./Roboto-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'RobotoCondensed';
    src: url('./RobotoCondensed-Regular.ttf') format('truetype');
}

header img {
    width: 100%;
}

body {
    margin: 0;
}

article {
    font-family: "RobotoCondensed", "Roboto", Arial, sans-serif;
    font-size: large;
    width: 80%;
}

section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.button-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
}

.button {
    width: 500px;
    max-width: 80%;
    min-width: 350px;
}

.button img {
    width: 100%;
}

footer {
    width: 100%;
    display: flex;
    background: rgb(5,103,179);
    background: linear-gradient(90deg, rgba(5,103,179,1) 0%, rgba(131,47,72,1) 50%, rgba(253,150,1,1) 100%);
    padding: 30px 0;
    justify-content: space-around;
    margin-top: 6ch;
}

footer a {
    color: #fff;
    text-decoration: none;
    font-family: "RobotoCondensed", "Roboto", Arial, sans-serif;
    font-size: large;
    text-transform: uppercase;
}