@import 'https://fonts.googleapis.com/css?family=Open+Sans';body{font:100% "Open Sans",sans-serif;color:#29566f;background-color:#75a0ca}body h3{text-align:center}body button{padding:10px;margin-left:20px;border-radius:5px;color:#f7f4ed;background-color:#e28c26}body button:hover{background-color:#e8a453}body #record-button{color:#f7f4ed;background-color:#c83d2a}body #record-button:hover{background-color:#d95d4c}body #header{background-color:#f7f4ed;background-image:url(../images/BellHouse_Header_Banner.jpg)}body #header h2{color:#f7f4ed}body #header img{width:350px}body #controls{padding-top:10px;padding-bottom:10px;background-color:#f7f4ed;border-top:3px solid #c83d2a;border-bottom:3px solid #c83d2a}body #controls label{padding-left:20px}body #controls input{max-width:65px}body #samples{margin:4px auto}body #samples canvas{border:1px solid #f7f4ed;padding:0;margin:-3px -1px}body #footer{background-color:#e28c26}#bell-grid{margin:12px;color:#f7f4ed}#bell-grid .bell-tile{margin:12px;padding:1em;border:1px solid #f7f4ed;background-color:#e28c26}#bell-grid input{padding:5px;width:80%;color:#75a0ca}#bell-grid button{padding:10px;border-radius:5px;margin-top:15px;margin-right:10px;background-color:#75a0ca}#bell-grid legend{color:#f7f4ed;font-size:22px}.grayscale{-webkit-filter:grayscale(1);filter:grayscale(1)}