@import url("https://fonts.googleapis.com/css?family=Raleway:900&display=swap");

body {
    margin: 0px;
    background: url("img/IMG_9032.jpeg");
    margin: 0;
    padding: 0;


    /* Center the background */
    background-position: center;

    /* Scale the background to cover even if the image aspect ratio doesn't match that of the viewport */
    background-size: cover;
    filter: blur(1px);

    /* Fix the background image covering the whole viewport */
    background-attachment: fixed;

    /* Do not repeat the background image */
    background-repeat: no-repeat;

    /* Set the height to 100vh (viewport height) */
    height: 100vh;
}

#container {
    position: absolute;
    margin: auto;
    width: 100vw;
    height: 80pt;
    top: 0;
    bottom: 0;

    filter: url(#threshold) blur(0.6px);
}

#text1,
#text2 {
    position: absolute;
    width: 100%;
    display: inline-block;

    font-family: "Raleway", sans-serif;
    font-size: 100pt;
    font-weight: bolder;

    text-align: center;

    user-select: none;
}