* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    display: grid;
    place-items: center;
    grid-auto-rows: 1fr auto;
    background: #a7b374 url("/images/gallery-images/clockworks.jpg") center/cover no-repeat fixed;
    background-blend-mode: overlay;
}
#Container1 {
    margin: 3vw;
    overflow: hidden;
    background-image:linear-gradient(to bottom, rgb(255, 250, 110), rgb(255, 143, 143));
    border: 5px solid rgb(177, 0, 0);
    border-radius: 7%;
    display: flex;
    flex-direction: column;
    max-width: 425px;
    text-align: center;
}
header {
    color: rgb(172, 84, 13);
    background: rgb(255, 198, 198);
    padding: .5rem;
    border-bottom: 2px solid #b6720c;
}
header h1 {
    font-size: clamp(1rem, 9vw, 1.7rem);
}
.content {
    padding: 1vw;
}
nav {
    display: grid;
    overflow: hidden;
    background-color: rgb(94, 8, 8);
    border: 3px solid rgb(203, 74, 0);
    position: relative;
    margin: 1rem 0;
}
nav #hiddenbuttons {
    display: none;
}
nav a {
    color: rgb(250, 255, 192);
    padding: .2rem .4rem;
    display: block;
    text-decoration: none;
    font-size: 1rem;
    padding: 1rem;
}
nav a.icon {
    background-color: rgb(94, 85, 8);
    display: block;
    position: absolute;
    padding: 1rem;
    right: 0;
    top: 0;
}
nav a:hover {
    background-color: rgb(167, 167, 26);
    color: rgb(113, 4, 69);
}
nav a:active {
    background-color: rgb(0, 194, 0);
    color: rgb(213, 3, 167);
}
main p {
    display: flex;
    flex-direction: column;
    margin: 1rem;
    color: #310000;
    font-family: 'Brush Script MT';
}
footer {
    text-align: center;
    color: brown;
    background-color: rgb(229, 238, 130);
    border-top: 5px solid rgb(128, 66, 0);
    padding: 1rem;
}
h1::selection, h2::selection, p::selection {
    background-color: #ff4949;
    color: rgb(255, 187, 0);
}