* {
    box-sizing: border-box;
}

html {
    font-family: 'Linotype';
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

body {
    margin: 0;
    padding: 0;
    flex-grow: 1;

    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: stretch;

    max-height: 100vh;
}

main {
    flex-grow: 1;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;

    max-height: 100vh;

    background-image: url( '../../images/frontend/frontend_samaras2026_flowers_1536_748.png' );
    background-repeat: no-repeat;
    background-size: 35% auto;
    background-position: 100% 0%;
}

main #frontend_content {
    flex-grow: 1;
    height: 100%;
    width: 46.18vh;
    position: relative;

    display: flex;
    flex-direction: column;

    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;    
}

.frontend_content_buttonry {
    width: 100%;
    max-width: 1200px;
    display: flex;
    flex-direction: row;
    align-items: center;
    row-gap: 16px;
    column-gap: 8px;
    margin-left: auto;
    margin-right: auto;
}
.frontend_content_buttonry .frontend_content_buttonry_image {
    flex-basis: 20%;
}
.frontend_content_buttonry .frontend_content_buttonry_image img {
    max-height: 64px;
    max-width: 100%;
}
.frontend_content_buttonry .frontend_content_buttonry_button_loader {
    flex-grow: 1;

    display: flex;
    align-items: center;
    justify-content: center;
}
.frontend_content_buttonry .frontend_content_buttonry_button_loader input[type="submit"] {
    font-family: 'Linotype';
    background-color: var( --color-primary );
    border: none;
    outline: none;
    appearance: none;
    color: white;
    text-transform: uppercase;
    padding: 8px 64px;
    font-size: 1.25rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.frontend_content_buttonry .frontend_content_buttonry_button_loader input[type="submit"]:hover {
    background-color: var( --color-primary-hover );
}
.frontend_content_buttonry .frontend_content_buttonry_button_loader .loader {
    margin: 0 auto;
    font-size: 8px;
}

/* footer { */
/*     display: none; */
/* } */
/* footer #footer_inner { */
/*     max-width: 1000px; */
/*     margin-left: auto; */
/*     margin-right: auto; */

/*     padding-top: 4px; */
/*     padding-bottom: 4px; */

/*     display: flex; */
/*     flex-direction: row; */
/*     align-items: center; */
/*     justify-content: space-between; */

/*     font-family: 'DIN_Alternate'; */
/*     font-size: 0.65rem; */
/*     color: #777; */
/* } */
/* footer #footer_inner #footer_inner_copyright { */
/*     text-align: center; */
/* } */
/* footer #footer_inner #footer_inner_links { */
/*     display: flex; */
/*     flex-direction: row; */
/*     align-items: center; */
/*     justify-content: space-evenly; */
/*     column-gap: 16px; */
/* } */
/* footer #footer_inner #footer_inner_links a { */
/*     text-decoration: none; */
/*     color: inherit; */
/* } */


@media only screen and (max-width: 600px) {
    main { background-size: 50% auto; }
    .frontend_content_buttonry { flex-wrap: wrap; justify-content: space-around; }
    .frontend_content_buttonry .frontend_content_buttonry_button_loader { order: 0; width: 100%; }
    .frontend_content_buttonry .frontend_content_buttonry_image { max-height: 32px; order: 1;  }
    .frontend_content_buttonry .frontend_content_buttonry_button_loader input[type="submit"] { font-size: 1rem; }
}