html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: "segoe ui", sans-serif;
}

.ppe-background-blue-gradient {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.ppe-pyramidsymbol {
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 332px;
    height: 358px;
}


.ppe-pyramidlogo {
    position: absolute;
    top: 10px;
    left: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 504px;
    height: 78px;
}

@media all and (max-width:40em) {

    .ppe-pyramidsymbol {
        width: 166px;
        height: 179px;
    }


    .ppe-pyramidlogo {
        top: 5px;
        left: 5px;
        width: 252px;
        height: 39px;
    }
}

a:link, a:visited, a:hover, a:active {
    color: white;
}

p {
    position: absolute;
    top: 150px;
    width: calc(100% - 20px);
    font-size: 1em;
    text-align: center;
    color: white;
    overflow-wrap: anywhere;
    margin-left:10px;
    margin-right:10px;
}