/* -----------------------------------------------------------------------------
Description: Global stylesheet, applies on various Webview pages
Authors:     JV, MC
Contact:     support@gamic.com
Copyright:   (c) 2019–2022 GAMIC GmbH, all rights reserved
------------------------------------------------------------------------------*/

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  color: #000;
  background-color: #FFF;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}

a { color: #000; }

h1, h2 { margin: 20px 0; }

.logo {
  width: 160px;
  height: auto;
  margin: 7px 20px 10px -5px;
  float: left;
}

.info {
  margin: 40px 0;
  padding: 15px 20px;
  background-color: #EEE;
  border-radius: 4px;
}

main {
  margin: 40px auto 100px;
  width: 800px;
  max-width: calc(100vw - 40px);
}

.message {
  margin-bottom: 10px;
  font-size: 0.9em;
}

.notes {
  margin-top: 20px;
  font-size: 0.9em;
  color: #888;
}

.inline-button {
  display: inline-flex;
  justify-content: space-around;
  align-items: center;
  width: 40px;
  height: 30px;
  margin-left: 5px;
  cursor: pointer;
  border-radius: 2px;
  background-color: #EEE;
}