.cinzel-decorative-regular {
  font-family: "Cinzel Decorative", serif;
  font-weight: 400;
  font-style: normal;
}

html {
    background-color: #1c1018;
    display: flex;
    justify-content: center;
    font-family: "Cinzel Decorative";
}

button { 
    font-family: "Cinzel Decorative"; 
 } 

body {
    background-color: #094d92;
    width: 80%;
    height: auto;
    border-radius: 35px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 0 1cm;
    padding-bottom: 1cm;
}

header {
    border-bottom: black 4px solid;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
}

#navigationButtons {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 30px;
}

#navigationButtons button {
    background: none;
    width: 175px;
    font-size: 18px;
    border: #1c1018 2px solid;
    border-bottom: none;
    transition: border-color 0.3s linear;
}

#navigationButtons button:hover {
    border-color: #50223f;
}

#contentButtons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding-top: 1cm;
}

#contentButtons button {
    background: none;
    width: 175px;
    font-size: 18px;
    border: #1c1018 2px solid;
    transition: border-color 0.3s linear;
}

#contentButtons button:hover {
    border-color: #50223f;
}

footer {
    border-top: black 4px solid;
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 20px;
    bottom: 0px;
    margin-top: 2cm;
}