:root {
    --borderRadius: 25px;
    --gap: 15px;
    --ColorBlack: #0D0D0C;
    --ColorGrey: #464646;
    --ColorGold: #C49542;
    --ColorLightGold: #ECD8B3;
}


body {
    background-color: var(--ColorGrey);
}

.content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.content h1 {
    color: var(--ColorLightGold);
}

img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-height: 70vh;
}

.bottom {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: var(--gap);
    width: 100%;
}

.bottom-left {
    display: flex;
    flex-direction: column;
}
.bottom-left input {
    border-radius: var(--borderRadius);
    border: solid 5px;
    border-color: var(--ColorGold);
    height: 100%;
    background-color: var(--ColorLightGold);
    padding: 5px 10px 5px 10px;
    font-size: 20px;
    color: #0D0D0C;
}

.bottom-right {
    display: flex;
    flex-direction: column;
}
.bottom-right button {
    border: solid var(--ColorGold) 5px;
    border-radius: var(--borderRadius);
    height: 30px;
    color: var(--ColorLightGold);
    font-size: medium;
    font-weight: 800;
    margin: 0;
    background-color: var(--ColorGold);
    cursor: pointer;
}