/* Containers */
.header {
    text-align: center;
    border: solid 12px black;
    padding: 2px;
    border-radius: 20px;
    height: 82px;
    width: 1578px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 38px;
    background-color: beige;
}

.navigation {
    border: double 6px black;
    padding: 2px;
    border-radius: 10px;
    background-color: beige;
    height: 40px;
    width: 1500px;
    position: relative;
    top: 150px;
    left: 50%;
    transform: translateX(-50%);
}

img.spinning {
    position: relative;
    height: 70px;
    top: -213px;
    left: -170px;
}

img.spinningright {
    position: relative;
    height: 70px;
    top: -213px;
    left: 170px;
}

.shrines {
    font-family: cursive;
    position: relative;
    top: -4px;
    left: 42px;
    color: darkblue;
}

.church {
    font-family: cursive;
    position: relative;
    top: 31.5px;
    left: 200px;
    color: darkblue;
}

.files {
    font-family: cursive;
    position: relative;
    top: 29px;
    left: 561px;
    color: darkblue;
}

.socials {
    font-family: cursive;
    position: relative;
    top: 9px;
    left: 749px;
    color: darkblue;
}

/*text*/
.header{
    font-family: cursive
}

h1.title {
    text-align: center;
}

h1.titleleft{
    text-align: left;
    position: relative;
    top: -68px;
    left: 10px
}

h1.titleright{
    text-align: right;
    position: relative;
    top: -135px;
}

/*general*/
html {
    background-image: url("https://i.imgur.com/IDhuWJT.jpeg");
}