@import url("../assets/css/root.css");

body {
    width: 100%;
    height: 100%;
    background: rgba(29, 31, 32, 0.904) radial-gradient(rgba(255, 255, 255, 0.712) 10%, transparent 1%);
    background-size: 11px 11px;
}

#titulo,#subtitulo,#subtitulos{
    font-family: var(--font-madimi);
}
#subtitulos{
    background-color: var(--secondary);
}
#subtitulos:hover{
background-color: var(--tertiary);
}
/* Efecto de placeholder activo */
.form-control:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 0.2rem rgb(74, 28, 28, 0.5)
}

.form-control::placeholder {
    color: var(--black2);
    transition: color 0.3s ease;
}

.form-control:focus::placeholder {
    color: var(--primary);
}
.btn.btn.btn-primary{
    background-color: var(--tertiary);
}
.btn.btn.btn-primary:hover{
    background-color: var(--quaternary);
}