@import url('https://fonts.googleapis.com/css2?family=Arima:wght@100..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


.title p {
    font-family: "Arima", serif;
    font-optical-sizing: auto;
    font-weight: 600px;
    font-style: normal;
}

.title h2, .title h3 {
    font-family: "Roboto", serif;
}

.form-control {
    width: 100%;
    padding: 8px;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    margin-top: 2px;
}

.border-red-500 {
    border: 2px solid #ef4444 !important;
}

.text-red-500 {
    color: #ef4444;
}


.fade-out {
    opacity: 0;
    transition: opacity 0.5s ease-out;
}




input[type="file"]::file-selector-button {
    color: black;
    border: 1px solid rgb(212, 211, 211);
    padding: 4px 8px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 400px;
}