html {
   color: #FFFFFF;
   background-color: #222222;
   font-family: 'Inconsolata', monospace;
   margin: 0px;
   padding: 0px;
   text-size-adjust: none;
}

body {
   min-width: 400px;
   max-width: 600px;
   margin: auto;
   padding: 20px;
   text-align: left;
   border-left: 4px solid white;
   border-right: 4px solid white;
}

section {
   border-top: 4px solid white;
   padding: 5px;
}

header, footer {
   margin: 0px;
   padding: 5px;
   border-top: 4px solid white;
}

.subheading {
   text-align: center;
   padding: 5px;
}

h1 {
   text-align: center;
   margin: 0px;
   padding: 5px;
}

p,h2,h3 {
   margin: 0px;
   padding: 5px; 
}

.flexboxcontainer {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 10px;
}

a:link {
   color: cornflowerblue
}

a:visited {
   color: mediumpurple
}

ul {
   text-align: initial;
   margin: 10px;
}

.upcomingIn {
   color: #00DD00;
   background-color: inherit;
}

.upcomingOut {
   color: #DD0000;
   background-color: inherit;
}