/**
 * Standard
 ****************************************/

    body {
	background-color: #333;
        background-image: url('../images/circuit-min.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;

        margin: 0;
        padding: 0 0 60px 0;

	font-family: 'Open Sans', sans-serif;
        font-size: 18px;
        line-height: 1.2em;
        color: #fff;
    }

    h1 {

        text-shadow: 1px 1px #222222;

	font-family: 'Noto Sans', sans-serif;
	font-size: 52px;
	font-weight: 700;
	text-transform: uppercase;
        color: rgba(255,87,34,1);
    }

    h2 {
	font-family: 'Noto Sans', sans-serif;
        color: rgba(126,87,194 ,1);
    }

/**
 * Layout
 ****************************************/

    .container {
        position: relative;

        display: flex;
        max-width: 900px;
        height: 100%;

        margin: 0 auto;
        padding: 0 50px;
        align-items: center;
    }

    .row {
        display: flex;
        width: 100%;
        align-items: center;
	text-align: center;
    }

    .row .col {
        width: 100%;
    }

    .row .col:first-of-type {
        padding-right: 25px;
    }

    .row .col:last-of-type {
        padding-left: 25px;
    }

/**
 * Form
 ****************************************/

    form {
        background-color: rgba(248,187,208, 1);
        padding: 25px;

        border-radius: 6px;
        box-shadow: 4px 4px 10px 0px rgba(0,0,0, 0.35);
    }

    label {
        display: block;
    }

    input[type='email'],
    input[type='password'] {
        display: block;
        width: 100%;
        height: 36px;

        padding: 0 10px;

        background-color: rgba(252,228,236 ,1);
        border: none;
        border-radius: 4px;
        -webkit-appearance: none;
        outline: none;
    }


    input[type='email']:focus,
    input[type='password']:focus {
        background-color: rgba(204,255,144 ,1);
    }

/**
 * Footer
 ****************************************/

    footer {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;

        display: block;
        padding: 20px 30px;

        background-color: rgba(255,255,255, 0.3);

        text-align: center;
    }