/* Reset some default styles */
@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Bangers&family=Bungee&family=Geologica:wght@100..900&family=Honk&family=Indie+Flower&family=Jersey+20&family=Koulen&family=Mitr:wght@200;300;400;500;600;700&family=Orbitron:wght@400..900&family=Patrick+Hand&family=Patua+One&family=Permanent+Marker&family=Poiret+One&family=Protest+Riot&family=Protest+Strike&family=Righteous&family=Rowdies:wght@300;400;700&family=Silkscreen:wght@400;700&family=Sixtyfour&family=Sriracha&family=Viga&display=swap');

body {
    font-family: "Viga", sans-serif;
    margin: 0;
    padding: 0;
    background-color: #474056;
    color: #ffffff;
    scroll-behavior: smooth;
    /* Adiciona rolagem suave */
}

.body-opened {
    overflow: hidden;
}

/* Styling for the header section */
header {
    text-align: center;
    padding: 0px;
    background-color: #2c2839;
    color: #ffffff;
    margin-bottom: 5px;
}

/* Styling for the circular header image */
.header-image {
    margin-top: 60px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 1);
    width: 180px;
    height: auto;
    border-radius: 50%;
    border: 5px solid #ffffff;
}

/* Styling for the circular header image */
.header-bg {
    background-color: rgba(0, 0, 0, 0.7);
}

.social-icons {
    padding-bottom: 20px;
}


/* Styling for social icons */
.social-icon {
    display: inline-block;
    transition: transform 0.3s ease-in-out;
}

/* Styling for social icon images */
.social-icon img {
    margin-top: -10px;
    width: 38px;
    height: 38px;
}



.parallax {
    background-image: url('Images/pizza-BG.gif');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* overflow: hidden; */
    /* perspective: 1px; */
    /* Cria perspectiva para o efeito */
}


@media only screen and (min-width: 2400px) {

    .header-image {
        margin-top: 100px;
        width: 220px;
        height: auto;
    }

}