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

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

html {
    background-color: lightgrey;
}

img {
    width: 100%;
    height: 100%;
}

.app {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    background-color: lightgrey;
    font-size: 0;
}


.header {
    position: relative;
 
}

.bg_wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    /* height: calc(100% - 40px); */
}

.info_button_wrapper {
    position: absolute;
    left: 25%;
    transform: translate(-50%,-50%);
    z-index: 2;
    animation: scaleAnimation .2s infinite alternate;
    display: flex;
    align-items: center;
    width: 55%;
    top: 50%;
}

.info_button_wrapper:hover {
    cursor: pointer;
}

@keyframes scaleAnimation {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1);
    }
}