* {
    margin         : 0;
    padding        : 0;
    box-sizing     : border-box;
    text-decoration: none;
    color          : black;
}

.container {
    display        : flex;
    flex-direction : column;
    align-items    : center;
    justify-content: space-around;
    width          : 50%;
    height         : 35em;
    margin         : 0 auto;
    font-family    : Georgia;
}

.logo {
    width     : 20em;
    align-self: center;
}

.logo>img {
    width: 100%;
}


.login_area {
    /* border: 1px solid black; */
    text-align: center;
}

.login_area h2 {
    font-size    : 2em;
    margin-bottom: .5em;
}

.with_google {
    display      : flex;
    align-items  : center;
    width        : 350px;
    border       : .5px dotted black;
    border-radius: 30px;
    padding      : .5em;
    cursor       : pointer;
    transition   : .2s ease;
}

.with_google:hover {
    box-shadow: 2px 2px 10px 0px #005691;
}

.with_google img {
    width: 3em;
}

.with_google div {
    width          : 100%;
    display        : flex;
    justify-content: center;
    font-size      : 1.5em;
}