body {
      background-image: url("papel.avif");
      background-repeat: no-repeat;
      background-attachment:fixed;
        background-size: cover;
      font-size: 30px;
      font-family: cursive;
        color:#330000;
    }


      *{
          margin:0;
          padding:0;
      }
      .rodape {
          
          position: fixed;
            left: 0;
            bottom: 0;
            width:100%;
            background-color: #5e2129;
            color: white;
            text-align: center;
          }

    .dest{
        color: red;
        display:inline;
    }

    .fotos {
      height: 255px;
    }

    .fundo {
      
      color: #000000;
      text-align: center;
    }
    .img{
      image-align: center;
    }

     img{
        border-radius:10px;
     }

     .center{
      text-align: center;
  }
  
  .medieval-button {
      position: relative;
      background-color: #000000;
      padding: 15px 30px;
      font-size: 20px;
      font-weight: bold;
      cursor: pointer;
      border-radius: 15px;
      border-style: solid;
      overflow: hidden;
      z-index: 1;
  }
  
  .medieval-button::before {
      content: "";
      position: absolute;
      top: -40%;
      left: -10%;
      height: 180%;
      width: 0;
      border-radius: 100%;
      background-color: #420505;
  
      transition: all 750ms 0.3s;
  }
  
  .medieval-button:hover::before {
      width: 120%;
      height: 180%;
      transition: all 750ms 0.7s;
  }
  
  .button-text {
      position: relative;
      z-index: 2;
      color: white;
  }
  
  .sword {
      position: absolute;
      top: 50%;
      right: -100%;
      transform: translateY(-50%);
      transition: right 0.5s ease;
      z-index: -1;
      height: 40px;
  }
  
  .medieval-button:hover .sword {
      right: calc(25%);
  }