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

body {
    font-family: "Roboto", sans-serif;
}

.gradient-card {
    background: linear-gradient(135deg, #007bff, #00c6ff);
    color: white;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.3);
    border: none;
    border-radius: 1rem;
}

.card-title {
    font-size: 1.25rem;
    font-weight: 600;
}

.card-text {
    font-size: 1rem;
}

.form-switch .form-check-input.big-switch {
    width: 3rem;
    height: 1.5rem;
}

.card-monitoring {
    height: 140px !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3);
}
.my-card {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3);
    border: none;
}
.card-sensor {
    height: 86px !important;
}