@import url('https://fonts.googleapis.com/css?family=Montserrat|Signika');

h1, h2, h3, h4, h5 {
    font-family: 'Signika', sans-serif;
}

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.25em;
}

div.dangerRoom {
    display: inline-block;
    padding: 3em;
    vertical-align: top;
    width: 50%;
    padding-top: 0px;
}

span.genome {
    font-family: Consolas, monospace;
    font-size: 8pt;
}

p.scrollable {
    width: 100%;
    overflow: scroll;
}

div.controls {
    display: inline-block;
    vertical-align: top;
    width: 40%;
}

.slider {
  width: 80%; /* Full-width */
  height: 16px; /* Specified height */
  background: #d3d3d3; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  transition: opacity .2s;
  margin-right: 2em;
}

/* Mouse-over effects */
.slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

.mutantCount {
    width: 3em;
}

button {
    font-size: 2em;
    padding-left: 8px;
    padding-right: 8px;
}

p.copyrightnotice {
    font-size: 8pt;
}

div#qrcode {
    margin: 10px;
}