.first-page {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;  
}
.info {
    margin: 50px auto;
    color: white;
    font-size: 17px;
}
.form-input div {
    margin: 17px;
}
.identification, .password {
    width: 290px;
    box-sizing: border-box;
    border-radius: 125px;
    border: none;
    padding: 11px 20px;
    color: #363636;
}
input:focus {outline:none;}

.login, .join{
    width: 290px;
    border-radius: 125px;
    border: none;
    padding: 11px 20px;
    color: white;
    text-align: center;
}
.login {
    background-color: #FF0000;
}
.join {
    background-color: #FFBB00;
}

@media (max-width: 767px) {
    .logo img {
        width: 75% !important;
    }
    .info {
        font-size: 14px;
    }
    .identification, .password {
        width: 80%;
    }
    .login, .join {
        width: 80%;
    }
}