/*
	Name: Randomiser theme
	Date: October 2019
	License: Copyleft
	Original author: Cristina Cochior <http://randomiser.info/>
*/

/* Imports */
@import url("fonts.css");

/***** Global *****/
/* Body */
html {
    background: linear-gradient(grey, white);
    min-height: 100%;
    font-size: 50%; /* Base font size: 14px */
    font-family: 'Monaco', monospace;
    line-height: 1.429;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
}

a, a:visited {
  background: #3333ff;
  color: white;
  text-decoration: none;
  padding: 0 0.2em;
}

a.title {
  color:  #b3b3ff;
  background-color: transparent;
  margin-left: 1em;
}

h2, h3, h4, h5, h6 {
  color: #b3b3ff;
  line-height: 1.1;
  font-size: 1.1em;
}

h1 {
  padding: 0.3em;
}


div.row {
  float: left;
  bottom: 0;
  overflow: hidden;
  word-wrap: break-word;
  font-size: 1.1em;

}


div.col {

  float: left;
  bottom: 0;
  overflow: hidden;
  word-wrap: break-word;
  font-size: 1.1em;
  width: 16%;
  padding: 0 2.5em;
}

div.row:after {
  content: "";
  display: table;
  clear: both;
}

div#info {
    margin-top: 0.65em;
}

span {
  background: #00ff00;
  color: #000;
  word-wrap: break-word;
}

::-moz-selection {
  background-color: #00ff00;
  color: white;
}

::selection {
  background-color: #00ff00;
  color: white;
}


@media screen and (max-width: 800px) {
  div.col {
    float:none;
    width: unset;
  }
  div.row {
    padding-bottom: 5em;
  }
}