/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

    /* Document
      ========================================================================== */
      html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}



      /* Custom CSS */
      html, body {
        margin: 0;
      }
      * {box-sizing: border-box;}
      body {
        background-color: #867054e6;
        background-image: url('./background.png');
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        font-family: 'Montserrat', sans-serif;
        font-size: 1.1rem;
        line-height: 1.5;
        color: #333;
        background-blend-mode: overlay;
        overflow-x: hidden;
      }

      img {
        max-width: 100%;
        vertical-align: middle;
      }

      .pa0 {padding: 0 !important;}
      .mt0 {margin-top: 0 !important;}
  
      .page {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        min-height: 100vh;
      }
  
      .container {
        background-color: #fff;
        max-width: 60rem;
        width: 100%;
        /* text-align: center; */
        padding: 0 1rem 2.5rem;
        margin: 0;
      }
      .container:not(.pa0) .button {margin: 2rem -1rem -2.5rem -1rem;}
  
      .grid-wrapper {
        display: grid;
        grid-template-columns: 1fr ;
        gap: 2rem;
        padding: 2rem 0 0;
      }
  
  
  
      h1 {
        Font-size: calc(1.3rem + 2.5vmin);
        margin: 1rem 0 1.5rem;
        line-height: 1.25;
        font-family: 'Bodoni Moda', serif;
      }
  
      h2 {
        Font-size: calc(1rem);
        margin-top: 0;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 500;
        color: #91563c;
        /* font-family: 'Bodoni Moda', serif; */
        }
  
      .small {
        font-size: 0.8em;
        font-weight: 400;
        }
  
      .logo {
        display: block;
        margin: 0 auto 2rem;
        max-width: 100%;
        height: auto;
      }
  
      .subtitle {
        Font-size: calc(1rem + 0.3vmin);
        margin: .5rem auto 3rem;
        color: #fff;
        max-width: 45ch;
      }
  
      .contact-infos {
        color: #666;
        margin-left: 1.5em;
        Font-size: calc(0.9rem + 0.3vmin);
      }
      .meta {
        color: #666;
        letter-spacing: 1px;
        font-size: 0.8rem;
        margin: 0;
        text-align: center;
      }
      .info {
        text-transform: uppercase;
        color: #666;
        letter-spacing: 1px;
        font-size: 0.6rem;
        text-align: center;
      }
      
      a {
        text-decoration: underline dotted;
        color: #91563c;
      }
  
      a:focus, a:hover {
        text-decoration: none;
        color: #767676;
      }
  
      .icon {
        display: inline-block;
        fill: currentColor;
        height: 1em;
        line-height: 1;
        position: relative;
        top: -1px;
        vertical-align: middle;
        width: 1em;
        margin-right: .5em;
        margin-left: -1.5em;
      }
  
      header {
        text-align: center;
        /* background-color: #c1a987b5; */
        max-width: 60rem;
        width: 100%;
        margin-top: 48vh;
        margin-bottom: 30vh;
        padding: 3rem .5rem 1rem;
        color: #fff;
        text-shadow: 2px 2px 10px #2b1911;
      }

      .button {
        padding: 2rem;
        display: block;
        text-align: center;
        background-color: #91563c;
        color: #fff;
        text-decoration: none;
      }

      .button:hover {color: inherit;}
  
      /* Effects */
      .typing-wrapper {display: inline;}
      .typing { /* Typing effect for 3 dots */
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        animation: typing .6s ease-in alternate infinite;
        vertical-align: top;
      }
      .typing:nth-of-type(2) {
        animation-delay: .25s;
      }
      .typing:nth-of-type(3) {
        animation-delay: .5s;
      }
      @keyframes typing {
        from {transform: translateY(0);}
        to {transform: translateY(-0.3em);}
      }
  
  
      @media (min-width: 45rem) {
        .container {
          margin: 0 auto 3rem;
          padding: 4rem 6rem;
        }

        .grid-wrapper {
          padding: 0;}
        

        .container:not(.pa0) .button {margin: 2rem -6rem -4rem -6rem;}
      }
  
      @media (min-width: 55rem) {
        .grid-wrapper {
          display: grid;
          grid-template-columns: 1fr 17rem;
          gap: 4rem;
        }
      }