@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Scada&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');

body {
    color: white;
    background-color: #000000;
    font-size: 0.7rem;
}

.main{
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo {
    color: #FFF;
    background: linear-gradient(90deg, #FF0404 0%, rgba(0, 0, 0, 0.00) 68.79%);
    display: inline-flex;
    padding: 0.1875rem 1.96875rem;
    justify-content: center;
    align-items: center;
    font-family: 'Scada', sans-serif;
    /* font-size: 2.5rem; */
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.robilogo {
    color: #FF0404;
    font-family: 'Scada', sans-serif;
    /* font-size: 2.5rem; */
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.box-1 {
    border-radius: 1.5rem;
    background: #1A1A1A;
    /* width:; */
}


.btn-danger {
    /* display: flex; */
    border-radius: 0.25rem;
    background: var(--nairobi-red-db-0-c-26, #DB0C26);
    padding: 0.5rem 1.5rem;
    justify-content: center;
    color: #FFF;
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    color: #FFF;
}

.input-hover {
    background-color: #1A1A1A;
    color: white;
}

.input-hover:hover {
    background-color: white;
    color: black;
}

@media only screen and (max-width: 600px) {
    .bottom-logo {
        margin: 0px auto;
        display: flex;
        justify-content: center;
        /* background-color: #DB0C26; */
    }
}