@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&display=swap');





























*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}


/* SLIDER */
.slider{
    width:100%;
    height:790px;
    position:relative;
    overflow:hidden;
}

/* SLIDES */
.slide{
    position:absolute;
    width:100%;
    height:100%;
    opacity:0;
    animation:fade 18s infinite;
}

.slide img{
    width:100%;
    height:100%;
    object-fit:cover;
    filter:brightness(45%);
}

/* TEMPO DOS SLIDES */
.slide:nth-child(1){
    animation-delay:0s;
}

.slide:nth-child(2){
    animation-delay:6s;
}

.slide:nth-child(3){
    animation-delay:12s;
}

/* TEXTO */
.content{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index:10;
 font-family: "Cinzel Decorative", serif;
  font-weight: 400;
  font-style: normal;
    width:90%;
    max-width:900px;

    text-align:center;
    color:#fff;
}
.content-btn {
	 margin-top:15px;
}
.content h1{
      font-family: "Cinzel Decorative", serif;
  font-weight: 400;
  font-style: normal;
    font-size:80px;
    color:#ff4db8;
    text-shadow:
        0 0 10px #ff1493,
        0 0 25px #ff1493,
        0 0 50px #ff1493;
    margin-bottom:20px;
}

.content h2{
    font-family: "Cinzel Decorative", serif;
  font-weight: 400;
  font-style: normal;
    font-size:30px;
    color:#ffffff;
    margin-bottom:25px;
    letter-spacing:2px;
}

.content p{
	 font-family: "Cinzel Decorative", serif;
  font-weight: 400;
  font-style: normal;
    font-size:18px;
    line-height:1.8;
    color:#d9d9d9;
    margin-bottom:35px;
}

/* BOTÃO */
.btn{
    display:inline-block;
    padding:16px 40px;
    background:linear-gradient(
        135deg,
        #ff1493,
        #ff66cc
    );
    color:#fff;
    text-decoration:none;
    font-family:'Cinzel', serif;
    font-size:18px;
    border-radius:40px;
    transition:.4s;
    box-shadow:
    0 0 20px rgba(255,20,147,.6);
}

.btn:hover{
    transform:translateY(-3px);
    box-shadow:
    0 0 35px rgba(255,20,147,.9);
}

/* EFEITO FADE */
@keyframes fade{

    0%{
        opacity:0;
    }

    8%{
        opacity:1;
    }

    30%{
        opacity:1;
    }

    38%{
        opacity:0;
    }

    100%{
        opacity:0;
    }
}

/* RESPONSIVO */
@media(max-width:768px){

    .slider{
        height:500px;
    }

    .content h1{
        font-size:42px;
    }

    .content h2{
        font-size:22px;
    }

    .content p{
        font-size:15px;
    }
}