body {
    background-color: black;
    color: white;
}

.centered {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.logo-area {
    z-index: 1;
    display: inline;
}

.logo-signature {
    margin-top: 0;
    display: inline;
    font-size: 4em;
    text-align: left;
}

.sections-container {
    margin-top: 1em;    
}

.section-block {
    display: inline-table;
    max-width: 400px;
    min-height: 600px;
    max-height: 600px;
    margin: 1em;
    position: relative;
    z-index: 2;
    font-size: 1.5em;
}

.section-text {
    font-size: 1em;
}

.section-block-framed {
    display: inline-table;
    border: 5px solid white;
    margin: 1em;
    position: relative;
    z-index: 2;
    width: 90%;
}

.section-text-framed {
    font-size: 3em;
}

.section-top-img {
    border-bottom: 2.5px solid white;
    height: 55vh;
}

.section-top-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.section-body {
    border-top: 2.5px solid white;
    text-align: left;
    padding: 1em;
    word-spacing: 5px;
}

.section-title {
    font-size: 2em;
}
.section-title-framed {
    font-size: 4em;
}

.footer {
    width: 100%;
    font-size: 0.4em;
    position: relative;
    bottom: 0;
}

a {
    color: white; 
}

a:visited {
    color: white;
}

.circleL {
    border: 16px solid #FFFFFF; 
    border-top: 16px solid black; 
    border-radius: 50%; 
    width: 120px; 
    height: 120px; 
    animation: Spin 2s linear infinite; 
    box-shadow: 0 -5px 5px #708090; 
}
    
@keyframes Spin {
    0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} 
}