@font-face {
  font-family: Monospace; }
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

ul {
  list-style: none;
  padding-left: 35px; }
  ul li {
    margin-bottom: 8px; }

a {
  color: white;
  text-decoration: none; }

a:active, a:hover {
  text-decoration: underline; }

.text-center {
  text-align: center; }

.btn-white-outline {
  background-color: transparent;
  border: 3px solid white;
  border-radius: 3px;
  color: white;
  padding: 8px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  cursor: pointer;
  transition: box-shadow 0.3s ease-in-out; }

.btn-white-outline:hover {
  box-shadow: inset 0 0 20px 2px rgba(255, 255, 255, 0.74); }

body {
  font-family: Monospace;
  background-color: black;
  color: white;
  font-size: 40px; }
  body a.brand {
    margin: 5px;
    font-size: 75%;
    cursor: pointer; }
  body .cookie-bar {
    border-bottom: 2px solid white;
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.884); }
    body .cookie-bar p {
      margin: 0;
      padding: 15px 20px;
      display: inline-block;
      font-size: 40%; }
  body .container {
    margin: 0 auto;
    max-width: 1024px;
    padding: 15px 15px 0 15px; }
    body .container > * {
      margin-bottom: 20px; }
    body .container h3 {
      font-size: 50%; }
    body .container .ip-box {
      font-size: 125%;
      padding: 20px;
      background-color: #1a1a1a;
      border-radius: 3px;
      border: 1px solid #3b3b40; }
      body .container .ip-box p {
        margin: 0; }
      body .container .ip-box img {
        cursor: pointer; }
      body .container .ip-box.sm {
        font-size: 75%;
        padding: 8px; }
    body .container .view-details {
      font-size: 50%;
      text-align: right;
      text-decoration: none;
      color: white;
      display: block;
      margin: 10px 0; }
      body .container .view-details:active, body .container .view-details:hover {
        text-decoration: underline; }
    body .container ul.ip-datas {
      font-size: 50%; }
    body .container #mapid {
      border-radius: 3px; }
    body .container .pages-sentence {
      font-size: 50%; }
    body .container ul.page-list {
      font-size: 50%; }
    body .container .links {
      text-align: right;
      font-size: 50%; }
      body .container .links a {
        color: #787a7e;
        text-decoration: none;
        padding: 5px; }
        body .container .links a:hover, body .container .links a:active {
          text-decoration: underline; }

@media (max-width: 768px) {
  body {
    font-size: 34px; }
    body .cookie-bar p, body .cookie-bar button {
      margin: 5px auto;
      display: block;
      text-align: center; }
    body .container .links {
      font-size: 42%; } }
@media (max-width: 500px) {
  body {
    font-size: 28px; }
    body .container .links a {
      display: block; } }

/*# sourceMappingURL=front.css.map */