body {
  padding: 50px 150px;
  font-family: 'Georgia', serif;
  background-color:black;
  color:white;
}

a:link {color:#f9047f;}
a:visited {color:#feb0d7;}

img.emoji {
  width:20px;
  vertical-align: middle;
  padding:0px;
  margin:0px;
}

img.button {
  height:20px;
  margin:0px 5px 0px 5px;
  vertical-align:bottom;
}

img {
  margin:10px;
  border-radius:5px;
}

h1 {text-align:center;
  margin-bottom:100px;
  font-size:40px;}

footer {
    font-style:italic;
    font-size: 12px;
    text-align:center;
    padding:25px;
    margin:auto;
    margin-top:50px;
    border-top: 1px dashed #f9047f;
    width:50%;
}

div.article {
  display:flex;
  flex-direction: row;
 }
div.flex-left {
  width: 75%;
}
div.flex-right {
  width: 25%;
}

pre {
  background: linear-gradient(to right,
             purple,
             orange,
             red);
     -webkit-background-clip: text;
     color: transparent;
   padding:25px;
   }

.glow {
     text-align: center;
     -webkit-animation: glow 1s ease-in-out infinite alternate;
     -moz-animation: glow 1s ease-in-out infinite alternate;
     animation: glow 1s ease-in-out infinite alternate;
   }

@-webkit-keyframes glow {
     from {
       text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
     }
     to {
       text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
     }
   }

div#linkage {
  background: #3d3b3b;
  border-left: 10px solid #f9047f;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}

ol {
    counter-reset: list;
	}
	
ol > li {
    list-style: none;
}
ol > li:before {
    content: counter(list) "] ";
    counter-increment: list;
}