body{
    background:black;
    color:#b084ff;
    font-family: "Courier New", monospace;
    margin:0;
}

/* star background */

body::before{
    content:"";
    position:fixed;
    width:100%;
    height:100%;
    background:url("Xenon-wallpaper.jpg");
    opacity:0.4;
    z-index:-1;
}

/* center panel */

.panel{
    width:420px;
    margin:auto;
    margin-top:40px;
    padding:25px;

    background:rgba(120,80,200,0.25);
    border:2px solid #cba6ff;

    text-align:center;

    box-shadow:
        0 0 15px #b084ff,
        inset 0 0 10px #b084ff;
}

/* title */

h1{
    font-size:40px;
    letter-spacing:4px;

    text-shadow:
        0 0 10px #b084ff,
        0 0 20px #b084ff;
}

/* subtitle */

.subtitle{
    color:#d4bfff;
}

/* logo */

.logo{
    width:120px;
    margin:10px;
}

/* lines */

hr{
    border:1px solid #a77bff;
    margin:20px 0;
}

/* links */

a{
    color:#e0c8ff;
    text-decoration:none;
}

a:hover{
    text-shadow:0 0 6px #fff;
}

/* list */

ul{
    list-style-type:"★ ";
    text-align:left;
}