.student_colaborador_background{
    background-image: url("/images/kairos_logo2.png");
    background-color: white;
    background-position: top;
    top:20px;
}


@media screen and (max-width: 1260px) {
    .student_colaborador_background {
        background-size: 850px;
    }
}

@media screen and (max-width: 960px) {
    .student_colaborador_background {
        background-size: 750px;
    }
}

@media screen and (max-width: 760px) {
    .student_colaborador_background {
        background-size: 550px;
    }
}

@media screen and (max-width: 560px) {
    .student_colaborador_background {
        background-size: 350px;
    }
}


.signin-google-button {
    color: white;
    background-color: #303030;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.2s;
    border-radius: 10px;
    border: none;
    padding: 5px;
    padding-left: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

.signin-google-button:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    border-radius: 10px;
    border: none;
    -ms-transform: scale(1.1,1.1); /* IE 9 */
    -webkit-transform: scale(1.1,1.1); /* Safari prior 9.0 */
    transform: scale(1.1,1.1);
}

.signin-google-button:focus {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    outline: none;
    border-radius: 10px;
    border: none;
}

.signin-google-button:active {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    outline: none;
    border-radius: 10px;
    border: none;
    -ms-transform: scale(1.1,1.1); /* IE 9 */
    -webkit-transform: scale(1.1,1.1); /* Safari prior 9.0 */
    transform: scale(1.15,1.15);
}


.special_button {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.2s;
}

.special_button:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    -ms-transform: scale(1.1,1.1); /* IE 9 */
    -webkit-transform: scale(1.1,1.1); /* Safari prior 9.0 */
    transform: scale(1.1,1.1);
}

.special_button:focus {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.special_button:active {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    -ms-transform: scale(1.1,1.1); /* IE 9 */
    -webkit-transform: scale(1.1,1.1); /* Safari prior 9.0 */
    transform: scale(1.15,1.15);
}