@media (prefers-color-scheme: dark) {
  body{
    background-color: #121212;
    color: #fff;
  }
} 
hr {
 height: 1px;
 background-color: #afafb0;
 width: 90%;
 border: none;
}
body {
 font-family: sans-serif;
}

p {
 font-size: clamp(25px, 1vw, 35px);
}
header {
    width: 100%; 
    height: 60px;
    box-sizing: border-box; 
    position: fixed;
    top: 0; 
    left: 0;
    display: flex; 
    align-items: center; 
    background-color: rgba(255, 255, 255, 0.55);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.10);