html {
    height:100vh;
    font-size: calc(10px + 1vmax);
    color:#ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

body {
    background-color: #047;
    background-image: url(bg.png) ;
    background-position: 50% 50%;
    background-size:80vmax 80vmax;
    height:100%;
    border:0;
    padding:0;
    margin:0;
}

.container {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.content {
   width: 20rem;
   max-width:80vw;
}

h1 {
    margin: 0;
    padding: 0;
    display:block;
    height:8rem;
    width:100%;
    text-indent: -900vmax;
    /* background-color:purple; */
    background-image:url(logo.svg);
    background-position: 0% 100%;
    background-size: 98% auto;
    background-repeat: no-repeat;
}