/* Reset styling */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Body styling */
body {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    font-family: 'Orbitron', sans-serif;
    background-color:hsla(0,0%,12%,1);
    background-image:
        radial-gradient(at 40% 20%, hsla(201,32%,18%,1) 0px, transparent 50%),
        radial-gradient(at 80% 0%, hsla(220,71%,8%,1) 0px, transparent 50%),
        radial-gradient(at 80% 50%, hsla(172,28%,8%,1) 0px, transparent 50%),
        radial-gradient(at 0% 100%, hsla(183,30%,8%,1) 0px, transparent 50%),
        radial-gradient(at 80% 100%, hsla(229,41%,15%,1) 0px, transparent 50%),
        radial-gradient(at 0% 0%, hsla(225,28%,11%,1) 0px, transparent 50%);
    color: #ffffff;
}

/* Center container styling */
.center-container {
    text-align: center;
}

/* Logo styling */
.logo {
    width: 200px;
    max-width: 60%;
    height: auto;
    margin-bottom: 20px;
}

/* Title styling */
.title {
    font-size: 2.5rem;
    color: #ffffff;
    letter-spacing: 0.2em;
}

h2 {
    font-family: arial, serif;
    color: #a98f2a;
    margin-bottom: 25px;
}

hr {
    border: 0;
    height: 1px;
    margin-bottom: 25px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .title {
        font-size: 1.8rem;
    }
    .logo {
        width: 150px;
    }
}