@font-face
{
	font-family: 'akrobatbold';
	src: url('./fonts/akrobat-bold-webfont.eot');
	src: url('./fonts/akrobat-bold-webfont.eot?#iefix') format('embedded-opentype'),
	     url('./fonts/akrobat-bold-webfont.woff') format('woff'),
	     url('./fonts/akrobat-bold-webfont.ttf') format('truetype'),
	     url('./fonts/akrobat-bold-webfont.svg#webfont') format('svg');
}

body
{
    background: url('./background.jpg') no-repeat center;
    background-size: cover;

    font-family: "akrobatbold", Arial, sans-serif;
    font-weight: bold;

    text-transform: uppercase;
    font-size: 1.3rem;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    height: 100%;
    margin: 0;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

a
{
    text-decoration: none;

    color: white;

    font-size: 3rem;

    padding: 0.5rem;
    padding-left: 3rem;
    padding-right: 3rem;

    background-color: rgba(255,255,255,0.2);

    border: 0.3rem solid rgba(255,255,255,0.3);
}

.logo img
{
    height: 50vmin;

    margin-bottom: 2rem;
}