body {
    font-family: Arial, Helvetica, sans-serif;
    direction: rtl;
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #333dbe;
    background-image: -webkit-linear-gradient(140deg, #23026d 0, #3d64f4 100%);
    background-image: -ms-linear-gradient(140deg, #23026d 0%, #3d64f4 100%);
    height: 100vh;
}

body * {
    color: white;
    text-align: center;
}

main,
header,
footer {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

header {
    margin-top: 8.5rem;
}

.footerText {
    direction: ltr;
    margin: auto;
}

h1 {
    font-size: 2.7rem;
    text-align: center;
    color: white;
    margin-top: calc(100vh * 0.25);
}

footer {
    position: fixed;
    bottom: 0;
    max-width: none;
}

footer,
footer a {
    font-size: 1rem;
}

a,
a:visited {
    color: white;
    cursor: pointer;
}

@media screen and (max-width: 920px) {
    header {
        margin-top: 1.5rem;
    }
}