body {
background-color: #000;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
font-family: Arial, sans-serif;
text-align: center;
flex-direction: column;
}

p {
margin: 0;
display: flex;
gap: 1rem;
justify-content: center;
align-items: center;
position: relative;
}

p::before,
p::after {
content: '';
position: absolute;
width: 100%;
height: 1px;
background-color: grey;
}

p::before {
top: -10px;
}

p::after {
bottom: -10px;
}

a img {
height: 24px;
width: 24px;
filter: grayscale(100%);
transition: filter 0.3s ease;
}

a img:hover {
filter: grayscale(0%);
}

.copyright {
font-size: 0.8rem;
margin-top: 20px;
color: grey;
}

blockquote {
margin: 0; 
padding: 0; 
color: grey; 
font-size: 0.8rem; 
max-width: 300px; 
text-align: center; 
font-style: italic; 
margin-top: 20px; 
}


blockquote footer {
margin-top: 10px; 
font-size: 0.8rem; 
color: grey; 
font-style: italic; 
}

nav {
    margin: 0;
    display: flex;
    gap: 1rem;
    justify-content: center;
    align-items: center;
    position: relative;
}

nav::before,
nav::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: grey;
}

nav::before {
    top: -10px;
}

nav::after {
    bottom: -10px;
}