:root{
    --textcolor:rgb(161, 161, 161);
    --container:rgba(0, 0, 0,0.5);
    --linkcolor:rgb(236, 236, 236);
}
@font-face {
    font-family: 'univers67_condensed_bold';
    src: url('univers67condensedbold.woff2') format('woff2'),
         url('univers67condensedbold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body{
    font-family: 'univers67_condensed_bold';
    background-color: rgb(0, 0, 0);
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%;
}
body a{
    color: var(--linkcolor);
}
body img{
    max-width: 100%;
}
.main-container {
    border-radius: 5px;
    background-color:var(--container);
    color: var(--textcolor);
    margin: 5px;
    padding:17px;
    box-shadow: var(--container) 0px 2px 4px 0px, var(--container) 0px 2px 16px 0px;
}
.main-container h1{
    text-align: center;
}
.buttonbox img{
    max-height: 30px;
    max-width: fit-content;
}

footer{
    text-align: center;
    color: var(--textcolor);
}