@font-face {
    font-family: "noto-sans";
    src: url('/css/noto-sans-v7-latin-ext_latin-regular.woff') format('woff');
}

@font-face {
    font-family: "noto-sans-condensed-bold";
    src: url('/css/hinted-subset-NotoSans-CondensedBold.woff') format('woff');
}

@font-face {
    font-family: "noto-serif-bold";
    src: url('/css/noto-serif-v6-latin-ext_latin-700.woff') format('woff');
}

body {
    font-family: noto-sans;
    margin: 0;
    background-color: #FFFFFF;
}

h1 {
    font-family: noto-serif-bold;
    font-weight: bold;
}

h2 {
    font-family: noto-sans-condensed-bold;
    font-weight: normal;
}

input[type=submit] {
    margin-top: 10px;
    margin-left: 0;
    left: 0;
    width: 100%;
    background-color: #de3919;
    border: 0px solid transparent;
    transition: background .2s cubic-bezier(0.455,0.03,0.515,0.955);
    padding: 8px 12px;
    font-size: 15px;
    color: #FFFFFF;
    cursor: pointer;
}

    input[type=submit]:hover {
        background-color: #c83317
    }

input[type=button] {
    margin-top: 10px;
    margin-left: 0;
    left: 0;
    width: 100%;
    background-color: #de3919;
    border: 0px solid transparent;
    transition: background .2s cubic-bezier(0.455,0.03,0.515,0.955);
    padding: 8px 12px;
    font-size: 15px;
    color: #FFFFFF;
    cursor: pointer;
}

    input[type=button]:hover {
        background-color: #c83317
    }

.label {
    color: #999999;
    height: 20px;
    font-size: 11px;
    background-color: #EDEDEE;
    width: 100%;
    display: block;
    margin-bottom: 0;
    padding: 4px 0 0 10px;
    box-sizing: border-box;
}

input[type=password] {
    box-sizing: border-box;
    background-color: #EDEDEE;
    width: 100%;
    padding-top: 0;
    border: 0;
    font-size: 15px;
    padding: 6px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}

    input[type=password]:focus {
        outline: none;
        border-bottom: 1px solid #de3919;
    }

input[type=email] {
    box-sizing: border-box;
    background-color: #EDEDEE;
    width: 100%;
    padding-top: 0;
    border: 0;
    font-size: 15px;
    padding: 6px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}

    input[type=email]:focus {
        outline: none;
        border-bottom: 1px solid #de3919;
    }

input[type=text] {
    box-sizing: border-box;
    background-color: #EDEDEE;
    width: 100%;
    padding-top: 0;
    border: 0;
    font-size: 15px;
    padding: 6px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}

    input[type=text]:focus {
        outline: none;
        border-bottom: 1px solid #de3919;
    }

div#content {
    background-color: #FFFFFF;
}

@media only screen and (min-width: 401px) {
    body {
        background-color: #FCFCFC;
    }

    div#content {
        width: 400px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        border: 1px solid #EAE9EC;
        border-radius: 20px;
        padding: 20px;
    }

    .onlyiframe {
        display: none;
    }
}