@font-face {
    font-family: NeometricFino;
    src: url(Neometric-Regular.otf);
}

@font-face {
    font-family: NeometricRegular;
    src: url(Neometric\ Alt\ Black\ \(Regular\).otf);
}


.atracoes{
    width: 300px;
}

.atracoes1{
    width: 300px;
    position: relative;
    top: -495px;
    right: -300px;
}

.atracoes2{
    width: 300px;
    position: relative;
    top: -985px;
    right: -600px;
}

.atracoes3{
    width: 300px;
    position: relative;
    top: -1475px;
    right: -900px;
}

.atracoes4{
    width: 300px;
    position: relative;
    top: -1300px;
    right: -900px;
}

.atracoes5{
    width: 300px;
    position: relative;
    top: -1800px;
    right: 0px;
}

.atracoes6{
    width: 300px;
    position: relative;
    top: -2290px;
    right: -300px;
}

.atracoes7{
    width: 300px;
    position: relative;
    top: -2780px;
    right: -600px;
}

button{
    font-family: 'NeometricRegular';
    background-color: transparent;
    border: transparent;
}

.thumb {
    width: 271px;
    height: 368px;
    border-radius: 2%;
  }
.thumb1 {
    width: 271px;
    height: 368px;
    border-radius: 2%;
  }

.thumb2 {
    width: 271px;
    height: 368px;
    border-radius: 2%;
  }

.comprar{
    position: relative;
    top: 85px;
    right: -35px;
    color: white;
    cursor: pointer;
}

h1{
    position: relative;
    top: 330px;
    right: -20px;
    color: white;
    font-size: 16px;
    z-index: 1;
    font-family: 'NeometricRegular';
}

.titulopagina{
    position: relative;
    color: rgb(36, 36, 36);
    font-size: 25px;
    z-index: 1;
    font-family: 'NeometricRegular';
    right: -550px;
}

.trailer{
    position: relative;
    top: -40px;
    right: -20px;
    color: white;
}

.infos{
    position: relative;
    top: -45px;
    right: -15px;
    color: white;
    z-index: 1;
    cursor: pointer;
    font-family: 'NeometricFino';
}


.descricaomuseu1{
    font-family: 'NeometricRegular'; 
}
.descricaomuseu2{
    font-family: 'NeometricRegular'; 
}
.descricaomuseu3{
    font-family: 'NeometricFino';
    font-size: 10px;
    margin-top: 10px;
}

.descricaonomuseu{
    position: relative;
    top: 90px;
    right: -310px;
  }

.iconecomprar{
    height: 8%;
    width: 8%;
    object-fit: contain;
    position: relative;
    top: 110px;
    right: -10px;
}

.logomuseu{
    height: 14%;
    width: 14%;
    object-fit: contain;
    top: 155px;
    position: relative;
}

.iconecomprar2{
    height: 6%;
    width: 6%;
    object-fit: contain;
    position: relative;
    top: 45px;
    right: -580px;
    cursor: pointer;
}

.quadrado{
    width: 270px;
    height: 100px;
    background: rgba(160, 8, 8, 0.699);
    border-radius: 0px 0px 22px 22px;
    position: absolute;
    top: 370px;
    z-index: 0;
    
}

.quadrado2{
    width: 270px;
    height: 100px;
    background: rgba(160, 8, 8, 0.699);
    border-radius: 0px 0px 22px 22px;
    position: absolute;
    top: 370px;
    z-index: 0;
    
}

.quadrado3{
    width: 270px;
    height: 100px;
    background: rgba(160, 8, 8, 0.699);
    border-radius: 0px 0px 22px 22px;
    position: absolute;
    top: 370px;
    z-index: 0;
    
}

.quadrado4{
    width: 270px;
    height: 100px;
    background: rgba(160, 8, 8, 0.699);
    border-radius: 0px 0px 22px 22px;
    position: absolute;
    top: 370px;
    z-index: 0;
    
}

.quadrado5{
    width: 270px;
    height: 100px;
    background: rgba(31, 31, 31, 0.699);
    border-radius: 0px 0px 22px 22px;
    position: absolute;
    top: 370px;
    z-index: 0;
    
}

.quadrado6{
    width: 270px;
    height: 100px;
    background: rgba(31, 31, 31, 0.699);
    border-radius: 0px 0px 22px 22px;
    position: absolute;
    top: 370px;
    z-index: 0;
    
}

.quadrado7{
    width: 270px;
    height: 100px;
    background: rgba(31, 31, 31, 0.699);
    border-radius: 0px 0px 22px 22px;
    position: absolute;
    top: 370px;
    z-index: 0;
    
}

.quadrado8{
    width: 270px;
    height: 100px;
    background: rgba(31, 31, 31, 0.699);
    border-radius: 0px 0px 22px 22px;
    position: absolute;
    top: 370px;
    z-index: 0;
    
}
hr{
    width:15%;
    border: 2px solid rgb(255, 166, 0);
    border-radius: 20px;
    position: relative;
    top: 330px;
    z-index: 1;
    right: 105px;
  }

  .cabecalho{
    position: relative;
    right:-200px;
  }

  .cabecalhomotor{
    position: relative;
    right:-200px;
    top: -1500px;
  }

  .atracoesmuseu{
    position: relative;
    right: -200px;
  }

  .atracoesmotor{
    position: relative;
    right: -200px;
    top: -200px;
  }