html {
margin: 0;
height: 100%;
overflow: hidden;
}
body {
margin: 0;
height: 100%;
background: url('assets/images/FlavorProfilePortrait.png') no-repeat center center fixed;
background-size: cover;
font-family: 'Inter', sans-serif;
color: #F2E8D5;
}
iframe {
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
border: 0;
}
footer {
position: absolute;
bottom: 0;
width: 100%;
padding: 2rem 1rem;
text-align: center;
font-size: 0.85rem;
color: #ccc;
background-color: #000000;
background-image: url('assets/images/FootieNoText.png');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
backdrop-filter: blur(4px);
border-top: 1px solid #FFD700;
text-shadow: 1px 1px 4px rgba(0,0,0,0.75);
z-index: 1;
}
footer::before {
content: "";
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: rgba(0, 0, 0, 0.55);
z-index: 0;
}
footer * {
position: relative;
z-index: 1;
}
.quote {
font-family: 'DM Serif Display', serif;
font-style: italic;
color: #4FD1C5;
}