body, section, footer {
            margin: 0;
            background-color: #BFD841;
        }

        footer {
            box-shadow: 0 0 10px 10px #bfd841;
            position: fixed;
            bottom: 10px;
            right: 10px;
        }

        section {
	position: absolute;
	text-align: center;
	font-size: 200%;
	top: 50%;
	left: 50%;
	margin: -150px 0px 0px -220px;
	height: 300px;
	width: 450px;
        }

            section input, #datetime {
                font-family: Consolas, Courier New, monospace;
            }

            section input {
                font-size: 100%;
                padding: 5px 10px;
                background-color: #85A71E;
                border: none;
                border-radius: 10px;
                color: #F3F4F1;
                outline: none;
                box-shadow: 0 15px 20px -15px #85A71E;
                box-sizing: border-box;
            }

                section input::-webkit-input-placeholder {
                    color: #F3F4F1;
                }

                section input::-moz-placeholder {
                    color: #F3F4F1;
                }

                section input:-ms-input-placeholder {
                    color: #F3F4F1;
                }

        #arrow {
            padding: 15px 0;
        }

        #datetime, #arrow {
            color: #85a71e;
        }

            #datetime b {
                font-weight: normal;
                color: #0c304a;
            }

            #datetime .pad {
                padding-left: 10px;
                padding-right: 10px;
            }

        #congratulations {
            opacity: 0;
            font-style: italic;
            padding-top: 25px;
            font-size: 75%;
        }

            #congratulations.show {
                opacity: 1;
                transition: opacity .5s ease;
            }

        a:link, a:visited, a:active {
            text-decoration: none;
            color: #0C304A;
        }

        a:hover {
            color: #2B79A1;
        }

        @media screen and (max-width: 640px) {
            section, footer {
                padding: 10px 0;
            }

            footer {
                text-align: center;
                position: relative;
            }

            section {
                font-size: 125%;
            }

                section input {
                    width: 100%;
                    border-radius: 0;
                    padding: 20px 10px;
                    font-size: 150%;
                    text-align: center;
                }
        }

        @media screen and (max-width: 320px) {
            section {
                margin-top: 0;
                padding: 0;
            }

                section input {
                    margin: 0;
                }

            #arrow {
                padding: 10px 0;
            }
        }