main {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - var(--header-height));
    max-width: var(--main-max-width);
    margin: var(--header-height) auto auto;
    background-color: var(--main-background);
    padding: 25px 0;
    box-shadow: 0 0 200px -65px white;
}

main button {
    width: 80%;
    height: 45px;
    font-family: inherit;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
    margin: auto;
    margin-top: 30px;
    text-transform: uppercase;
    color: var(--header-color);
    background-color: var(--header-background);
    font-size: 10pt;
    letter-spacing: 1.2px;
    transition: .25s;
}

main button:hover {
    text-shadow: 0 0 6px white;
    box-shadow: 0 0 5px black;
}

main section {
    padding: 20px;
}

main section.main {
    text-align: center;
}

main section.example {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 50px 0;
}

main section.example iframe {
    box-shadow: 0 0 60px -40px black;
    animation: Pulse 5s ease-in-out alternate infinite;
    -webkit-animation: Pulse 5s ease-in-out alternate infinite;
}

@-webkit-keyframes Pulse {
    from {
        transform: scale(.975);
        -webkit-transform: scale(.975);
    }
    to {
        transform: scale(1.025);
        -webkit-transform: scale(1.025);
    }
}

@keyframes Pulse {
    from {
        transform: scale(.975);
        -webkit-transform: scale(.975);
    }
    to {
        transform: scale(1.025);
        -webkit-transform: scale(1.025);
    }
}

h1 {
    text-transform: uppercase;
    /*font-family: 'Lora', serif;*/
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 1px;
}

h2 {
    margin: 15px 0;
    font-size: 16px;
    font-weight: 500;
    opacity: 0.5;
}

footer {
    width: 100%;
    /*height: 200px;*/
    padding: 30px 20px 50px;
    text-align: center;
    background-color: var(--header-background);
    color: var(--header-color);
}

footer p.logo {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 10pt;
    font-weight: 400;
    letter-spacing: 1.2px;
}

footer p {
    font-size: 12px;
    font-weight: 300;
}