body{

    background-color: rgb(10, 10, 10);
}

.bg1{
    background-size: cover;
    padding-bottom: 100px;

}

.bg2{
    background-size: cover;
    border-top: 1px solid rgba(255, 255, 255, 0.253);
    
}

.cor-branca{
    color: white;
}

.bg3{
    background-color: rgb(17, 17, 17);
}

.footer{
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px;
    color: white;
}

.lista{
    background-color: #171718;
    color: white;
    font-size: 20px;

}
.card{
    margin-top: 10%;
    background-color: rgba(31, 30, 30, 0.3);
    border-radius: 20px;
    color: rgba(255, 255, 255, 0.892);
}

.card-info{
    border-left: 2px solid rgba(255, 255, 255, 0.3);
    padding: 28px;
    transition: .5s;
}

.font-gradiente2{
    background: rgb(237,110,151);
    background: linear-gradient(90deg, rgba(237,110,151,1) 58%, rgba(255,90,231,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline;
    font-size: 30px;
    font-weight: bold;
    border-bottom: 1px solid var(--main-color);
}

.font-contagem-regressiva{
    font-family: 'Courier New', Courier, monospace;
    font-size: 35px;
}

.segunda-roma{
    font-size: 25px;
    font-weight: 400;
    font-family: arimo;
    color: white !important;

}

.borda-top{
    border-top: 1px solid rgba(255, 255, 255, 0.3);

}
.borda-bottom{
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);

}

.card-info:hover{
    background: rgb(69,30,62);
    background: linear-gradient(90deg, rgba(69,30,62,1) 0%, rgba(10,10,10,0) 60%);
    border-image: linear-gradient(0deg, rgba(101, 38, 203, 1) 0%, rgba(235, 47, 148, 1) 100%) 30;
    border-left: 2px solid rgba(255, 255, 255, 0.3);
}



.icone{

    font-size: 20px;
}

.titulo-livro{
    font-size: 30px;
    font-weight: bold;
}

.icone-rosa{
    color: rgba(201, 41, 132, 1);
}

.icone-roxo{
    color: rgb(140, 48, 202);

}

.icone-verde{
    color: rgb(51, 172, 59)
}

.titulo-destaque{
    font-size: 25px;
    font-weight: bold;
    font-family: 'Courier New', Courier, monospace;
}

.font-secundaria{
    font-size: 20px;
    font-weight: 400;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}


.divisor{
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, transparent, rgb(92, 92, 92), transparent);

}

.caio-img{
    width: 100%;

}


@media(max-width: 1200px){
    .bg2{
    }

}