@import url("https://fonts.googleapis.com/css?family=Pinyon+Script|Raleway&display=swap");
* {
  box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  min-height: 100vh; }

#main {
  margin: 0 1vw;
  min-height: 75vh; }

.grid-contianer {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: [first] 40px [grid-start] (1fr)[12] [grid-end] 40px [end];
      grid-template-columns: [first] 40px [grid-start] repeat(12, 1fr) [grid-end] 40px [end];
  grid-column-gap: 1em; }

.grid-center-row {
  -ms-grid-rows: [row-start] 100px [third-line] (1fr)[12] [last-line] 100px [row-end];
      grid-template-rows: [row-start] 100px [third-line] repeat(12, 1fr) [last-line] 100px [row-end];
  grid-row-gap: 1em; }

h1 {
  font-family: "Pinyon Script", cursive; }

p, a {
  font-family: "Raleway", sans-serif; }

.home {
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover; }

.temp {
  height: 100vh; }

.temp-msg {
  border: 3px solid white;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-grid-column-span: 6;
  -ms-grid-column: 5;
      grid-column: 5 / span 6;
  -ms-grid-row-span: 8;
  -ms-grid-row: 4;
      grid-row: 4 / span 8; }
  @media (max-width: 414px) {
    .temp-msg {
      -ms-grid-column-span: 12;
      -ms-grid-column: 2;
          grid-column: 2 / span 12;
      -ms-grid-row-span: 10;
      -ms-grid-row: 3;
          grid-row: 3 / span 10; } }
  .temp-msg h1 {
    color: white;
    font-size: 96px;
    margin: 0;
    text-align: center; }
    @media (max-width: 768px) {
      .temp-msg h1 {
        font-size: 64px; } }
    @media (max-width: 414px) {
      .temp-msg h1 {
        font-size: 46px; } }
  .temp-msg p {
    color: white;
    text-align: center; }
  .temp-msg a {
    color: white;
    transition: color 300ms ease;
    text-shadow: 1px 1px 5px 5px transparent;
    font-size: 12px; }
    .temp-msg a:hover {
      color: tomato;
      text-shadow: 0px 0px 2px black; }

.header {
  visibility: hidden;
  opacity: 0;
  display: none; }

.footer {
  display: none; }

/*# sourceMappingURL=avista-app.css.map */