@font-face {
    font-family: 'Love';
    src: url("../fonts/ValentineCupcake.ttf");
}

*{
    margin: 0;
    padding: 0;
    line-height: 25pt;
    font-family: 'Love';
    font-size: 12px;
}
section{
    width: 100%;

}
.entrada{
    background-color: #2c2c2c;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
}
.entrada > h1, p{
    animation: appear 1.5s linear;
}
.entrada > h1{
    text-transform: uppercase;
    font-size: 75px;
    margin-bottom: 75px;
}
.entrada > p{
    padding: 0 50px;
}

.divide{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.divide > article{
    width: 100%;
}

.divide > .imag{
    background-size:cover ;
    background-repeat: no-repeat;
    height: 500px;
}

.im1{
    background-image: url("../img/IMG-20251217-WA0005.jpg");
}

.im2{
    background-image: url("../img/IMG20260306213826.jpg");
}

.im3{
    background-image: url("../img/IMG-20251214-WA0062.jpg");
}

.divide > .text{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 500px;
}
.divide > .text p{
    margin: 20px 0;
    padding: 0 20px;
}
.divide h1{
    font-size: 50px;
    padding: 25px;
}
.campo{
    background-color: #015924;
}
.flor{
    width: 350px;
    height: 350px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transform: rotate(30deg);
    animation:girar 15s linear infinite;
}

.centro {
    width: 60px;
    height: 60px;
    background: #FFD700;
    border-radius: 50%;
    position: absolute;
    z-index: 10;
}

.petalo{
    position:absolute;
    top:205px;
    width:40px;
    height:80px;
    background:white;
    border-radius:50%;
    transform-origin:center -30px;
}

.p1 { transform: rotate(0deg); }
.p2 { transform: rotate(45deg); }
.p3 { transform: rotate(90deg); }
.p4 { transform: rotate(135deg); }
.p5 { transform: rotate(180deg); }
.p6 { transform: rotate(225deg); }
.p7 { transform: rotate(270deg); }
.p8 { transform: rotate(315deg); }

@keyframes girar{
from{
transform:rotate(0deg);
}

to{
transform:rotate(360deg);
}
}