a{text-decoration:none;color:#339966;}
a:hover{text-decoration:none;color:#072f6b;}
html, body, .view  { height: 100%;}
#mobile-box {width: 360px;}
.card { -webkit-border-radius: 10px; border-radius: 10px;}
.card .view {-webkit-border-top-left-radius: 10px; border-top-left-radius:10px; -webkit-border-top-right-radius:10px;  border-top-right-radius: 10px;}
.card h5 a {color: #0d47a1;}
.card h5 a:hover {color: #072f6b;}
audio::-webkit-media-controls-panel { background-color: #ffffff; }
#pButton {float: left;}
#timeline {vwidth: 90%; height: 2px; margin-top: 20px; margin-left: 10px; float: left; -webkit-border-radius: 15px; border-radius: 15px; background: rgba(0, 0, 0, 0.3);}
#pButton {margin-top: 12px;cursor: pointer;}
#playhead {width: 8px;height: 8px; -webkit-border-radius: 50%; border-radius: 50%; margin-top: -3px; background: black; cursor: pointer;}
h1 a{font-family: "Pacifico", sans-serif;}
h2, h3, h4 {font-family: "Playfair Display", sans-serif; padding-bottom:8px ; border-bottom:3px solid #3a3a3a ; }
a, div {font-family: "Oswald", sans-serif;}
.img{margin:10px 6px; padding:2px ; text-align:center; border:1px solid #eeeeee ; boder-radius:6px ; }