<template>
  <div id="app">
    <!-- <div id="nav">
      <router-link to="/">Home</router-link> |
      <router-link to="/about">About</router-link>
    </div> -->
    <router-view/>
  </div>
</template>

<style>
  /* Import Open Sans from Google Fonts */
  @import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
  
  h1 {
    font-size: 1.2em;
    line-height: 1em;
    color: #23286B;
  }

  img {
    width: 100%;
    height: auto;
  }

  a {
    color: #2779E1;
  }

  a:visited {
    color: #2779E1;
  }

  p {
    color: #333333;
  }

  button {
    background: #23286B;
    color: #FFFFFF;
    
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    padding: 0.4em 1.4em;
    margin-left: 5%;
    margin-right: 5%;
    border: none;

    font-family: Open Sans,sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 0.9em;
  }

  button.alert {
    background-color: #E94A47;
  }

  body {
    background-color: #FCF7F8;
    color: #0B2545;

    font-family: Zilla Slab;
    font-style: normal;
    font-weight: normal;
    line-height: 1.35em;
    font-size: 24px;
  }
</style>
