@import url(https://fonts.googleapis.com/css?family=Open+Sans);

.myButton {
    background-color: #4C5359;
    border: 1px solid #3e3e3e;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Open Sans;
    font-size: 14px;
    margin: 3px 0px 5px 0px;
    width: 100%;
    padding: 8px 41px;
    text-decoration: none;
    outline: none;
    height: 37px;
}

    .myButton:hover {
        background-color: #3c4247;
    }

    .myButton:active {
        position: relative;
        top: 1px;
    }


html {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

body {
    width: 100%;
    height: 100%;
    font-family: 'Open Sans', sans-serif;
    background: #7B858E;
}

.login {
    position: absolute;
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -150px;
    width: 300px;
    height: 300px;
}

    .login h1 {
        color: #fff;
        text-shadow: 0 0 10px rgba(0,0,0,0.3);
        letter-spacing: 1px;
        text-align: center;
    }

input {
    width: 278px;
    margin-bottom: 10px;
    border: none;
    outline: none;
    padding: 10px;
    font-size: 13px;
    color: #3E3E3E;
    border: 1px solid rgba(0,0,0,0.3);
    -webkit-transition: box-shadow .5s ease;
    -moz-transition: box-shadow .5s ease;
    -o-transition: box-shadow .5s ease;
    -ms-transition: box-shadow .5s ease;
    transition: box-shadow .5s ease;
}

    input:focus {
        box-shadow: inset 0 -5px 45px rgba(100,100,100,0.4), 0 1px 1px rgba(255,255,255,0.2);
    }