html {
    background:url(/images/backgrounds/matrix-cyan.gif);
    background-repeat: repeat;
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-size:20px;
}

body {
    padding:3%;
    color:white;
}

h1 {
    text-align: center;
    margin: auto;
    margin-left:2%;
    margin-bottom: -1%;
    font-variant: small-caps;
    color:#FFD524;
    border: 2px solid #ECB602;
    width:fit-content;
    background:#290849;
    box-shadow: 10px 10px #00000090;
    padding: 0.5%;    
    position: relative;
    z-index: 2;
}

h2, h3 {
    font-variant: small-caps;
    color:#FFD524;
    border: 2px solid #ECB602;
    width:fit-content;
    background:#290849;
    box-shadow: 10px 10px #00000090;
    padding: 0.5%; 
}

div#mood {
    float:right;
    font-variant: small-caps;
    color:#FFD524;
    border: 2px solid #ECB602;
    width:fit-content;
    background:#290849;
    box-shadow: 10px 10px #00000090;
    padding: 0.5%;    
    position: relative;
    z-index: 2;    
}

a {
    color:#FFD524;
    border-bottom: dotted 1px #FFD524;
    text-decoration: none;
    vertical-align: middle;
}

a:visited {
    color:#ECB602;
}

a[href^='http']::after {
  /* Styles for external links */
  content: "↗";
}

article {
    background: #55185D;
    box-shadow: 20px 20px #00000090;
    padding:2%;
    border: 2px solid #ECB602;
}

footer {
    font-style: italic;
    color:#FFD524;
    border: 2px solid #ECB602;
    width:fit-content;
    background: #55185D;
    box-shadow: 10px 10px #00000090;
    margin: auto;    
    text-align:right;
    margin-top:20px;
    width:50%;    
}

footer p {
    text-align:left;
    padding-left:15px;
}

img {
    margin: auto;
    display: block;
}


img.emoji, img.custom-icon {
	width: 20px;
	vertical-align: middle;
	padding: 0px;
	margin: 0px 5px 0px 5px;
    display:inline;
    border:none;
    box-shadow: none;
}

article img {
    border: 2px solid #ECB602;
    box-shadow: 5px 5px #00000090;
}


img.border {
    float:right;
}

div#button {
    margin-top:-10px;
    margin-left:-25px;
}

div#button ul {
    display:inline;    
}

div#button li {
    float:left;
    box-shadow: 10px 10px #00000090;
    border: 2px solid #ECB602;
    background:#290849;
    list-style: none;
    margin:0 10px;
    padding:5px;
    min-height: 31px;
}

div#button a {
    border:none;
    font-variant: small-caps;
}