body {
    margin: 0;
    width: 100%;
    height: 100vh;
    font-family: 'Oxygen', sans-serif;
}

#custom-background {
    background-repeat: no-repeat;
    background-color: #de6f6f;
    background-size: cover;
    height: 100vh;
}

.login-left-side {
    background-color: #fff;
    background-image: linear-gradient(135deg, transparent 0%, #fff 45%, #fff 65%, transparent 100%), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAIklEQVQoU2N89+7dfwYsQEhIiBEkzDgkFGDzAbIY2Cv4AACvrBgJjYNGfwAAAABJRU5ErkJggg==);
    padding: 100px;
    height: 100vh;
    background-color: honeydew;
}

body ::-webkit-input-placeholder {
    /* WebKit browsers */
    font-family: 'Josefin Sans', sans-serif;
    color: #daeeeb;
    font-weight: 300;
}

body :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-family: 'Josefin Sans', sans-serif;
    color: #daeeeb;
    opacity: 1;
    font-weight: 300;
}

body ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-family: 'Josefin Sans', sans-serif;
    color: #daeeeb;
    opacity: 1;
    font-weight: 300;
}

body :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    font-family: 'Josefin Sans', sans-serif;
    color: #daeeeb;
    font-weight: 300;
}

form input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    border: 1px solid #a9e1e6;
    background-color: #fff;
    width: 250px;
    border-radius: 3px;
    padding: 10px 15px;
    margin: 0 10px 10px 0px;
    display: block;
    font-size: large;
    color: #3c909f;
    transition-duration: 0.25s;
}

    form input:hover {
        background-color: rgba(255, 255, 255, 0.4);
    }

    form input:focus {
        background-color: white;
        width: 300px;
        color: #3c909f;
        border-color: #3c909f;
    }

form button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    background-color: #a9e1e6;
    border: 0;
    padding: 10px 15px;
    color: #fff;
    border-radius: 3px;
    width: 250px;
    cursor: pointer;
    font-size: large;
    transition-duration: 0.25s;
    display: block;
}

    form button:hover {
        background-color: #3c909f;
    }

.login-copyright {
    font-size: xx-small;
    bottom: 100px;
    position: fixed;
}