* {
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
    text-align: center;
}

:root {
    --bg-color: #ff580b;
    --text-color: #fff;
    --main-color: #fd8829;
}

body {
    background: #303030;
    
}



.fotos h1 {
    color: var(--main-color);
    font-family: Anton;
    margin-top: 50px;
}

.fotos img {
    width: 50%;
    margin-top: 15px;
    border-radius: 10px;
    transition: 2s;
    
   
}
.fotos img:hover {
    cursor: pointer;
    box-shadow: rgba(255, 255, 255, 0.925) 0px 5px 15px;
    transform: scale(1.0);
}
@media  (max-width: 700px) {
    .fotos img {
        width: 80%;
    }  
}

@media (max-width: 360px){
    .ft h1 {
        margin-top: -10px;
        font-size: 15px;
    }
}
.ft {
    margin-top: 20px;
}
.ft h1 {
    font-family: Fjalla One;
    color: #fff;

}

.ft a:hover{
    color: #fd8829;
}
.ft a {
    padding-top: -60px;
    font-family: Fjalla One;
    color: #fff;
}
.botao-voltar {
    font-family: Anton;
    margin-top: 50px;
    display: inline-block;
    padding: 15px 25px;
    background-color: white; /* Cor de fundo do botão */
    color:  #d95000; /* Cor do texto */
    text-decoration: none; /* Remover sublinhado de links */
    border: none; /* Remover a borda */
    border-radius: 5px; /* Cantos arredondados */
    cursor: pointer; /* Alterar o cursor ao passar o mouse */
    font-size: 20px;
}

/* Estilo para quando o mouse passar por cima do botão */
.botao-voltar:hover {
    text-decoration: underline;
    background-color: rgb(202, 202, 202);
}