body {
     background-color: #121212;
     color: white;
     font-family: Arial, sans-serif;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     height: 100vh;
     margin: 0;
     text-align: center;
 }
.abril-fatface-regular {
    font-family: "Abril Fatface", serif;
    font-weight: 400;
    font-style: normal;
}
 h1 {
     font-size: 3rem;
     opacity: 0;
     transform: translateY(-20px);
     animation: fadeIn 1.5s ease-out forwards;
 }

 @keyframes fadeIn {
     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 .links {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
 }

 .links a {
     color: #BB86FC;
     text-decoration: none;
     font-size: 1.5rem;
     margin: 10px;
     margin-top: 25px;
     display: inline-block;
     transition: color 0.3s ease;
 }

 .links a:hover {
     color: #FF79C6;
 }