/* Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    height: 100%;
}

body {
    display: flex;
    justify-content: center;
    align-items: center;

    background-color: #000;

    background-image:
        linear-gradient(rgba(0,0,0,0.78), rgba(0,0,0,0.78)),
        url("images/hovylaan.jpg");

    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.logo-frame {
    background: #000;
    border: 3px solid #fff;
    padding: 20px;

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

    box-shadow: 0 0 30px rgba(0,0,0,0.8);
}

.logo-frame img {
    display: block;
    max-width: min(90vw, 500px);
    height: auto;
}