:root {
    font-size: 24px;
    font-family: 'Rye','Arial',sans-serif;
}

body {
    background: #FFFBFA;
    position: relative;
}

div.mw-1000 {
    max-width: 1000px;
}

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

.logo-wrap {
    object-fit: cover;
    position: relative;
    top: 20px;
    left: 0;
    z-index: -1;
    padding-bottom: 100px;
}

fieldset {
    background-color: #fefefe;
    border-color: black;
    border-width: 2px;
    border-style: double;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding:.5rem;
    margin: 2rem 0;
}

textarea, label, input, option, select {
    font-size: .75rem;
    padding: .25rem;
}

textarea, select {
    width:100%;
    margin:1rem 0;
}

.first-name-input {
height:2rem;
}

.btn {
    height:52px;
    gap:.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

svg.arrow{
    width: 4vw;
    height: 30px;
    transition:width 1s ease;
    overflow: visible;
    color:white;
    margin-right:-8px;
  }

.btn:hover > svg.arrow {
    width: 5vw;
  }

footer {
    position: relative;
    bottom:0;
    width:100%;
    padding:1rem;
    height:60px;
    padding-top:4rem;
  }

  summary {
    padding-bottom: .25rem;
    position: relative;

  }

  em {
    font-family: serif;
    font-weight: lighter;
  }

  details p, details li {
    font-size: .75em;
  }

  details a {
    color: blue
  }

  blockquote {
    padding: 0 1rem;
    color: #333;
    text-align: left;
    font-style: italic;
    border: 1px dashed black;
  }

  summary:hover {
    cursor: pointer;
    color: blue;
    font-weight: 500;
    transition: all .25s ease;
    animation-iteration-count: 1;
  }

  ::selection, ::-moz-selection {
    background: #FFFBFA;
    color: black;
  }


/* @font-face {
    font-family: Rye;
    src: url(https://fonts.googleapis.com/css?family=Rye);
} */