html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: 'RTicon Regular';
  src: url("../font/rticon.eot?#iefix") format("embedded-opentype"), url("../font/rticon.woff2") format("woff2"), url("../font/rticon.woff") format("woff"), url("../font/rticon.ttf") format("truetype"), url("../font/rticon.svg#rticon") format("svg"); }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url("../font/OpenSans-Light.woff") format("woff"); }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url("../font/OpenSans.woff") format("woff"); }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("../font/OpenSans-Semibold.woff") format("woff"); }
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local("Open Sans Light Italic"), local("OpenSansLight-Italic"), url("../font/OpenSansLight-Italic.woff") format("woff"); }
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url("../font/OpenSans-Italic.woff") format("woff"); }
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local("Open Sans Semibold Italic"), local("OpenSans-SemiboldItalic"), url("../font/OpenSans-SemiboldItalic.woff") format("woff"); }
.rticon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'RTicon Regular' !important;
  text-decoration: inherit;
  vertical-align: middle;
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-rendering: optimizeLegibility;
  text-rendering: geometricPrecision;
  font-smooth: always;
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* SHORTCODE: @include selectable(text, all); */
/* SHORTCODE: @include gradient('GradientType', (firstColor 0%), 'Colors_in_the_middle', (lastColor 100%); */
html {
  height: 100%; }
  html body {
    font: 2vmin/1.3em "Open Sans", Arial, sans-serif;
    height: 100%; }
    html body article,
    html body aside,
    html body details,
    html body figcaption,
    html body figure,
    html body footer,
    html body header,
    html body hgroup,
    html body main,
    html body nav,
    html body section,
    html body summary {
      display: block; }
    html body a,
    html body a:visited {
      color: #333;
      text-decoration: none; }
      html body a .text,
      html body a:visited .text {
        border-bottom: 1px solid rgba(0, 0, 0, 0.4);
        transition: all 200ms linear; }
      html body a:hover,
      html body a:visited:hover {
        color: #000; }
        html body a:hover .text,
        html body a:visited:hover .text {
          border-bottom-color: transparent; }
    html body #wrapper {
      width: 100%;
      min-height: 100%;
      height: auto !important;
      height: 100%;
      background-image: url(../img/buttplug.webp);
      background-position: center;
      background-blend-mode: darken;
      background-repeat: no-repeat;
      background-size: cover; }
      html body #wrapper #error__content {
        font-weight: bold;
        width: 300px;
        height: auto;
        max-height: calc(100vh - 180px);
        overflow: auto;
        position: absolute;
        top: 40px;
        left: 40px;
        background-color: rgba(255, 255, 255, 0.4);
        padding: 50px;
        backdrop-filter: blur(10px);
        box-shadow: 0 10px 20px -20px #000; }
        html body #wrapper #error__content #error__title {
          font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
          font-size: 10em;
          text-align: center;
          padding-bottom: 0.5em; }
          html body #wrapper #error__content #error__title small {
            display: block;
            font-size: 40%;
            line-height: 40px;
            padding-bottom: 1em; }
        html body #wrapper #error__content .error__text p {
          margin-bottom: .8em; }
        html body #wrapper #error__content .error__actions a {
          display: block;
          padding: 0 0 6px 0; }
          html body #wrapper #error__content .error__actions a .rticon {
            color: #333;
            font-size: 16px;
            transition: all 200ms linear;
            margin: 0 8px 0 -24px;
            vertical-align: text-top; }
            html body #wrapper #error__content .error__actions a .rticon.__previous:after {
              content: '\E222'; }
            html body #wrapper #error__content .error__actions a .rticon.__home:after {
              content: '\E021'; }
          html body #wrapper #error__content .error__actions a:hover .rticon {
            color: #000; }

@media only screen and (max-width: 980px), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (min-device-pixel-ratio: 3), screen and (device-width: 320px) and (device-height: 640px) and (device-pixel-ratio: 2), screen and (device-width: 320px) and (device-height: 640px) and (device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (device-pixel-ratio: 3), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-device-pixel-ratio: 2) {
  html body {
    font-size: 16px; }
    html body #wrapper #error__content {
      width: calc(100vw - 110px);
      top: 50%;
      left: 50%;
      transform: translate3d(-50%, -50%, 0);
      padding: 15px;
      max-height: unset;
      font-size: .8em; }
      html body #wrapper #error__content #error__title {
        font-size: 5em; }
      html body #wrapper #error__content .error__actions a .rticon {
        margin: 0 8px 0 0; } }

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