@media (min-width: 1900px) {.container { max-width: 50%; }}@media (min-width: 1200px) and (max-width: 1899px) {.container { max-width: 60%; }}@media (min-width: 980px) and (max-width: 1199px) {.container { max-width: 70%; }}@media (min-width: 481px) and (max-width: 979px) {.container { max-width: 80%; } .book-header > h4 { font-size: 100%; } .navbar-brand > img { display: none; } }@media (max-width: 480px) {.container { max-width: 100%; } .book-header > h4 { font-size: 75%; } .navbar-brand > img { display: none; } }/*@font-face { font-family: OldStandardBold; src: url('../fonts/OldStandard-Bold.ttf'); font-weight: bold;}@font-face { font-family: OldStandardItalic; src: url('../fonts/OldStandard-Italic.ttf'); font-weight: italic;} @font-face { font-family: OldStandardRegular; src: url('../fonts/OldStandard-Regular.ttf'); font-weight: regular;}*/@font-face {font-family: Georgia_Bold; src: url('../fonts/Georgia_Bold.ttf'); font-weight: bold;}@font-face {font-family: Georgia_Italic; src: url('../fonts/Georgia_Italic.ttf'); font-weight: italic;}@font-face {font-family: Georgia; src: url('../fonts/Georgia.ttf'); font-weight: regular;}* {font-family: Georgia;}/*p::first-letter {font-size: 200%; font-weight: bold;}*/p, h4, li, small {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}h4 { text-align: center }/* body { background-color: #9bffff; } */body { background-color: #bbe6e6; }.form-control { background-color: #bbe6e6; border-color: #ffa200; }.form-control:focus { border-color: #ffa200; box-shadow: 0px 1px 2px 4px #ffa200, 0px 1px 2px 4px white;}.navbar-dark { background-color: #008888; } .nav-link:hover { color: #ffffff; background-color: transparent; }.nav-link.active { text-color: white; }.content { display: none; }.book-header > h4 { text-align: center; color: #ffa200; }.bold { font-weight: bold; }.book-color { border-color: #ffa200; background-color: transparent; color: black; }.book-color:focus { border-color: #ffa200; box-shadow: 0px 1px 2px 4px #ffa200, 0px 1px 2px 4px white;}alert {display: inline-block; background-color: transparent; padding: 10px; }.alert > img {float: left; vertical-align: bottom; width: 10%;}.alert > h3 {font-size: 200%; font-weight: bold; color: #ffa200; width: 100%; text-align: center; position: relative;}.alert > div {font-size: 100%; font-weight: bold; color: #ffa200; width: 100%; text-align: center; position: relative;}.alert_error {padding-top: 5px; margin: 5px; color: red; font-size: 80%;}.modal-clock {position:absolute;left:45%;top:45%;}