:root {
    --azul: #6c86ff;
  }
  section h1{
    color:var(--azul);
  }

  section .modal{
      background-image: url("../img/warning/modal.png");
      background-repeat: no-repeat;
      background-position-x: 10%;
      background-position-y: top;
      background-size: 20%;
  }
  section .modal-content{
      border-radius: 0;
      margin:0 auto;
      width: 600px;
      height: 350px;
      box-shadow: 30px 20px 0 2px var(--azul);
      animation: box 2s infinite ease-in-out;
  }
  section .information{
      margin: 30px 0;
  }
  section .titulo{
      display: flex;
      justify-content: center;
      align-items: flex-end;
  }
  section .titulo h1{
      font-size: 22px;
      display: inline;
      padding-left: 4px;
      margin: 0;
  }
  section .titulo img{
      width: 24%;
      height: auto;
  }
  section .enderecos{
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-around;
      margin: 20px 30px;
  }
  section .enderecos h1{
      font-size: 20px;
      text-align: center;
  }
  section .setas{
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-around;
      align-items: center;
      margin: 0 60px;
  }
  section .links{
      margin: 10px 10px;
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-around;
      align-items: center;
      -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	        animation: heartbeat 1.5s ease-in-out infinite both;
  }
  section .links h1{
    display: inline-block;

      color: black;
      font-size: 20px;
  }
  section .despedida{
      margin-top: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  section .despedida h1{
      color: var(--azul);
      font-size: 14px;
      text-decoration: underline;
  }
  @keyframes box {
      0%{
      box-shadow: 30px 20px 0 2px var(--azul);

      }
      50%{
      box-shadow: 15px 10px 0 2px var(--azul);

      }
      100%{
      box-shadow: 30px 20px 0 2px var(--azul);

      }
  }

@-webkit-keyframes heartbeat {
    from {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: center center;
              transform-origin: center center;
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    10% {
      -webkit-transform: scale(0.91);
              transform: scale(0.91);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    17% {
      -webkit-transform: scale(0.98);
              transform: scale(0.98);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    33% {
      -webkit-transform: scale(0.87);
              transform: scale(0.87);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    45% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
  }
  @keyframes heartbeat {
    from {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: center center;
              transform-origin: center center;
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    10% {
      -webkit-transform: scale(0.91);
              transform: scale(0.91);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    17% {
      -webkit-transform: scale(0.98);
              transform: scale(0.98);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    33% {
      -webkit-transform: scale(0.87);
              transform: scale(0.87);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    45% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
  }