/* Generated by less 3.10.3 */
@font-face {
  font-family: 'Acme';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/acme/v11/RrQfboBx-C5_XxrBaw.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3aPw.ttf) format('truetype');
}
body {
  background-color: #eeeeee;
  color: white;
  font-family: 'Source Sans Pro', sans-serif;
}
.previmage {
  float: left;
  width: 313px;
  height: 257px;
  width: 156px;
  height: 128px;
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px dashed white;
  border-radius: 6px;
  margin-right: 20px;
  background-color: white;
}
.options {
  padding: 10px 5px;
}
#save-all {
  font-size: 30px;
}
.button {
  color: black;
  border: 1px solid black;
  display: inline-block;
  background: #eee;
  padding: 5px;
  cursor: pointer;
}
.button:hover {
  background: #ccc;
}
#error {
  position: fixed;
  bottom: 50px;
  left: 0;
  text-align: center;
  width: 100vw;
}
#error #errordialog {
  display: inline-block;
  padding: 20px;
  background-color: #770000;
  font-size: 40px;
}
.imageblock {
  border: 1px solid white;
  padding: 15px;
  margin: 15px;
  float: left;
  width: 160px;
  background-color: #333;
}
.settingsblock {
  padding: 15px;
  padding-bottom: 5px;
  background-color: #444;
}
.settingsblock form input[type="submit"] {
  font-size: 20px;
}
.content {
  margin-top: 10px;
  padding: 15px;
  background-color: #444;
}
.content-save {
  text-align: center;
}
.maintitle {
  font-size: 2em;
  font-family: 'Acme', sans-serif;
}
.inputrow {
  margin: 10px 0;
}
form {
  margin-right: 20px;
  padding-top: 5px;
  float: left;
  font-size: 1em;
}
form input[type="file"] {
  font-size: 19px;
  width: 160px;
}
.title {
  font-size: 2em;
  font-family: 'Acme', sans-serif;
}
.clear {
  clear: both;
}