html,
body {
    margin: 0px;
    height: 100%;
    width: 100%;
}


body {
    background-image: url('logo.JPG');
    background-color: #191919;
    background-position: top center;
    background-repeat: round;
    background-size: 5rem;
    background-blend-mode: multiply;
    text-align: center;
    opacity: 0.5;
}

html * {
    box-sizing: border-box;
}
h1 {
    font-size: 20vmin ;
    text-align: center;
    color: white;
    margin: auto;
    display: block;
    text-shadow:
    3px 3px 2px #000,
    -3px 3px 2px #000,
    -3px -3px 0 #000,
    3px -3px 0 #000;
    
}
.main {
    max-height: 50vh;
    max-width: 50vw;
    height: 100%;
    width: 100%;
    
    background-image: url('main.png');
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    
    margin: auto;
    display: block;
    filter: blur(1px);
    -webkit-filter: blur(1px);
}