/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
body { font-family: "Lato", sans-serif; color: #A3A3A3; }

p { font-size: 18px; line-height: 1.4; font-weight: 300; }

section h1 { font-family: "Lato", sans-serif; font-weight: 700; color: #939393; }

a:hover { text-decoration: none; }

.container { width: 720px; margin: 0 auto; }
@media only screen and (max-width: 719px) { .container { width: 100%; padding: 0 15px; } }

#top-header { padding: 30px 0 30px 0; background-color: #3ec695; -webkit-box-shadow: #dddddd 2px 2px 10px; -moz-box-shadow: #dddddd 2px 2px 10px; box-shadow: #dddddd 2px 2px 10px; }
#top-header h1 { font-size: 70px; font-family: "Lato", sans-serif; font-weight: 700; color: white; }
#top-header p { color: #fff; font-weight: 300; font-size: 24px; line-height: 1.3; }

#main-footer { background-color: #3ec695; padding: 20px 0 10px 0; -webkit-box-shadow: #dddddd -2px -2px 10px; -moz-box-shadow: #dddddd -2px -2px 10px; box-shadow: #dddddd -2px -2px 10px; }
#main-footer p { color: #fff; }
#main-footer a { color: #91F9D1; }
#main-footer a:hover { border-bottom: 1px dotted #91F9D1; }

.answer { color: #3398D1; font-size: 24px; margin-top: 20px; }

.form-control { width: 110px; height: 36px; margin-top: 5px; border: 2px solid #C6C6C6; }

.btn, .btn-default { padding: 5px 15px; color: #fff; font-size: 18px; background-color: #5FC6FF; -webkit-box-shadow: #3398d1 0px 4px 0px; -moz-box-shadow: #3398d1 0px 4px 0px; box-shadow: #3398d1 0px 4px 0px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; border: none; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.btn:hover, .btn-default:hover { color: #fff; position: relative; top: 3px; -webkit-box-shadow: #3398d1 0px 1px 0px; -moz-box-shadow: #3398d1 0px 1px 0px; box-shadow: #3398d1 0px 1px 0px; background-color: #5FC6FF; }

.inline-btn { margin-left: 5px; }
@media only screen and (max-width: 719px) { .inline-btn { margin-left: 0px; } }

#github-btn { margin-top: 30px; padding: 10px 20px; font-size: 22px; background-color: #FF8A5C; -webkit-box-shadow: #d35731 0px 4px 0px; -moz-box-shadow: #d35731 0px 4px 0px; box-shadow: #d35731 0px 4px 0px; }
#github-btn:hover { -webkit-box-shadow: #d35731 0px 1px 0px; -moz-box-shadow: #d35731 0px 1px 0px; box-shadow: #d35731 0px 1px 0px; }

.text-block { margin: 50px 0; }

ul#leap-year-range { list-style-type: none; font-weight: 300; }

.center-block { display: block; margin-left: auto; margin-right: auto; }