﻿body {
    display: flex;
    flex-direction: column;
    font-family: Segoe UI;
    color: rgba(64,64,64,1);
    font-weight: 550;
}

h1 {
    font-size: 31px;
    margin: unset;
}

h2 {
    font-size: 50px;
    margin: unset;
}

button {
    background-color: rgba(240, 90, 43, 1);
    border-radius: 5px;
    border: none;
    font-size: 16px;
    font-weight: bold;
    color: white;
    box-shadow: 0px 7px 4px rgba(0, 0, 0, 0.25);
    padding: 10px 15px 10px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

button:hover {
    filter: brightness(85%);
}

button:active {
    filter: brightness(85%);
    transform: translateY(2px);
}

div.main-window {
    width: 100%;
}

div.text-header-content {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

div.image-row {
    width: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 40px 80px 40px 80px;
}

div.main-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 75px;
}

div.footer-content {
    margin-top: 100px;
    display: flex;
    flex-direction: row-reverse;
    padding-right: 100px;
}

.region-buttons > button {
    margin-bottom: 10px;
}

span.strongbox-text {
    font-size: 31px;
    color: rgba(243, 130, 95, 1);
}

div.separator-line {
    width: 140px;
    height: 3px;
    border-top: 3px solid rgba(243, 130, 95, 1);
    margin-top: 25px;
}

