@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital@1&family=Courier+Prime&display=swap');


body {

    background-color: #080808;

    color: #eeeeee;

    font-family: "Courier Prime", monospace;

    margin: 0;

    background-image:
    radial-gradient(#333 1px, transparent 1px);

    background-size: 25px 25px;

}



.container {

    width: 85%;

    max-width: 900px;

    margin: 40px auto;

}




header {

    text-align: center;

}



h1 {

    font-family: "Cormorant Garamond", serif;

    font-style: italic;

    font-size: 90px;

    font-weight: normal;

    color: #e6e6ff;

    text-shadow:
    0 0 10px #8c8cff,
    0 0 20px #5555ff;

}



.subtitle {

    color: #aaa;

    letter-spacing: 3px;

}




nav {

    text-align: center;

    margin: 40px 0;

}



nav a {

    color: #ddd;

    text-decoration: none;

    margin: 8px;

    font-size: 13px;

}



nav a:hover {

    color: #aaaaff;

    text-shadow: 0 0 10px white;

}




.welcome,
.box {


    border: 1px solid #555;

    background: rgba(255,255,255,0.04);

    padding: 25px;

    margin: 25px 0;

    box-shadow:
    0 0 20px rgba(150,150,255,0.15);

}



.welcome {

    border-color: #8888ff;

}




h2 {

    font-family:
    "Cormorant Garamond",
    serif;

    font-style: italic;

    font-size: 38px;

    color: #d8d8ff;

}




p {

    line-height: 1.7;

    color: #ddd;

}




footer {

    text-align: center;

    margin-top: 60px;

    color: #777;

    font-size: 13px;

}