body {
    margin: 0;
    padding: 0;
    /*background: radial-gradient(circle at top, #4c0070, #12002f);*/
    background: url('/shutterstock_2283851021-min.jpg') no-repeat center center fixed;
    background-size: cover;
    font-family: 'Trebuchet MS', sans-serif;
    color: #ffffff;
    text-align: center;
}

.container {
    margin-top: 10%;
}

h1 {
    font-size: 3em;
    color: #cc99ff;
    text-shadow: 0 0 15px #9d00ff;
}

.subtitle {
    font-size: 1.2em;
    color: #e6ccff;
    margin-bottom: 30px;
}

nav a {
    text-decoration: none;
    color: #ffccff;
    background: #660099;
    padding: 12px 20px;
    margin: 0 10px;
    border-radius: 12px;
    box-shadow: 0 0 10px #cc66ff;
    transition: all 0.2s ease;
}

nav a:hover {
    background: #9900cc;
    box-shadow: 0 0 20px #ff66ff;
}