* {
    font-family: 'Roboto', sans-serif;
}
body {
    overflow: hidden;
    background-color: #000;
}

#backgroundimage {
    background-image: url("/Files/bg.jpg");
    background-size: cover;
    height: 100vh;
    opacity: 0.8;
    width: 100vw;
}

.form-group{
    margin-bottom: 37px;
}

.btnwrap{
    text-align: center;
}

#ingresar {
    margin: auto;
}

.bg-ceamse{
    background-color: #007a82;
    border-color: #00737c;
}

    .bg-ceamse:hover {
        background-color: #00737c;
        border-color: #00737c;
    }


.ceamselogo {
    padding-bottom: 48px;
}

#formcontainer {
    width: 30%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fafafa;
    border-radius: 10px;
    box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.4);
    width: 390px;
}

.formbox {
    padding: 77px 55px 33px 55px;
    width: 100%;
    transition: all 0.3s ease;
}

#formtitle{
    text-align: center;
    font-weight: 700;
    padding-bottom: 26px;
}