@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&family=Caveat:wght@400;700&family=Lobster&family=Monoton&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display+SC:ital,wght@0,400;0,700;1,700&family=Playfair+Display:ital,wght@0,400;0,700;1,700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&family=Source+Sans+Pro:ital,wght@0,400;0,700;1,700&family=Work+Sans:ital,wght@0,400;0,700;1,700&display=swap');

.bg-container {
    height: 100vh;
    background-size: cover;
    background-color: #7393B3;
}

.login-background {
    background-color: white;
    border-radius: 1.25rem;         /* 20px */
    margin: 1.375rem;               /* 22px */
    text-align: center;
    padding: 2rem;                  /* 32px */
    margin-top: 10rem;              /* 160px */
}

.text-login {
    font-size: 2rem;                /* 32px */
    font-family: "Nexa-Serif";
    text-decoration: underline;
}

.btn-first {
    width: 23%;
    border-radius: 0.5rem;          /* 8px */
    padding: 0.1875rem;             /* 3px */
}

#sasi {
    color: #32CD32;
    margin-left: 0.375rem;          /* 6px */
}

.logo {
    height: 1.875rem;               /* 30px */
    width: 3.125rem;                /* 50px */
    border-radius: 0.75rem;         /* 12px */
    background-color: black;
    margin-left: 0.25rem;           /* 4px */
}

.contact-container {
    background-color: #36454F;
    background-size: cover;
    padding: 0.75rem;               /* 12px */
}

.text1 {
    color: #32CD32;
    font-family: "Playfair";
    font-size: 2.6875rem;           /* 43px */
}

.mes1 {
    padding-bottom: 1.875rem;       /* 30px */
    color: green;
}

.img {
    color: white;
    padding-left: 2.5rem;           /* 40px */
    height: 3.125rem;               /* 50px */
    width: 40%;
}

.border {
    background-color: white;
    padding: 0.25rem;               /* 4px */
    border-radius: 60%;
    width: 3.75rem;                 /* 60px */
    height: 2.5rem;                 /* 40px */
    padding-left: 1.1875rem;        /* 19px */
}

.logo {
    height: 1.875rem;               /* 30px */
    width: 3.125rem;                /* 50px */
    border-radius: 0.75rem;         /* 12px */
    background-color: black;
    margin-left: 0.25rem;           /* 4px */
}

.final {
    padding-top: 0.5rem;            /* 8px */
    padding-right: 10%;
}

.contact-text {
    text-align: center;
}

.con-text {
    font-size: 0.875rem;            /* 14px */
    color: white;
    font-family: "Nexa-Serif";
}