main.css

* {
  box-sizing: border-box; }

html,
body {
  padding: 0;
  margin: 0; }

#splash {
  text-align: center; }
  #splash .logo {
    position: fixed;
    display: inline-block;
    background-image: url("../img/am-logo.png");
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat; }
  #splash .inner-text {
    position: fixed;
    top: 10%;
    left: 40%;
    border: 2px solid black;
    width: 18%;
    height: 50%;
    overflow: hidden;
    box-shadow: 0 2px 3px #333; }
    #splash .inner-text .upper-left {
      position: absolute;
      top: 0;
      left: 0;
      width: 50%;
      height: 50%;
      border: 2px hidden black;
      border-bottom-style: dashed; }
      #splash .inner-text .upper-left .circle {
        position: absolute;
        left: 28%;
        top: 13%;
        width: 45%;
        height: 75%;
        color: white;
        background: black;
        border-radius: 50%;
        text-align: center;
        padding-top: 10%; }
    #splash .inner-text .upper-right {
      position: absolute;
      top: 0;
      right: 0;
      width: 50%;
      height: 50%;
      border: 2px hidden black;
      border-left-style: dotted; }
      #splash .inner-text .upper-right .diamond {
        position: absolute;
        left: 35%;
        top: 30%;
        height: 45%;
        width: 30%;
        background-color: black;
        color: white;
        text-align: center;
        font-size: 2em;
        padding: 5%;
        transform: rotate(45deg); }
        #splash .inner-text .upper-right .diamond * {
          transform: rotate(-45deg); }
    #splash .inner-text .lower-left {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 50%;
      height: 50%;
      border: 2px hidden black;
      border-right-style: double; }
      #splash .inner-text .lower-left .square {
        position: absolute;
        left: 15%;
        top: 15%;
        width: 70%;
        height: 70%;
        background: black;
        color: white;
        text-align: center;
        font-size: 2em;
        padding-top: 15%; }
    #splash .inner-text .lower-right {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 50%;
      height: 50%;
      border: 2px hidden black;
      border-top-style: solid; }
      #splash .inner-text .lower-right .triangle {
        position: absolute;
        left: 10%;
        top: 25%;
        width: 80%;
        height: 50%;
        background: black;
        color: white;
        border-radius: 50%;
        text-align: center;
        font-size: 2em;
        padding-top: 8%; }

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