-.main-container section,
-.main-container aside{ text-align: left}
-
-
-/* Guestbook */
-.guestbook-feed, .guestbook-form ul {
- list-style: none;
-}
-
-.guestbook-form li {
- display: block;
-}
-
-.guestbook-form .guestbook-label {
- width: 8.571em;
- float: left;
- text-align: right;
- padding: 0.5em 1.071em;
- text-transform: uppercase;
-}
-
-.guestbook-form .guestbook-control {
- float: left;
-}
-
-.guestbook-form .guestbook-control-group {
- clear: both;
-}
-
-.guestbook-form .comment-control {
- width: 42.857em;
- height: 10em;
-}
-
-.guestbook-content, .guestbook-form {
- clear: both;
- padding: 2.142em 0;
-}
-
-.guestbook-feed .guestbook-post {
- display: block;
- border-bottom: 0.071em solid #99a3a4;
- padding: 1.071em;
-}
-
-.guestbook-post .author {
- font-weight: bold;
-}
-
-/*
- * The Recorder CSS
- */
-.pepperoni-widget {
- justify-content: space-between;
- display: flex;
-}
-
-.pepperoni-widget .record-button {
- display: flex;
- font-size: 1.538461em;
- padding: 1em;
- margin: 1em;
- height: 1em;
- background-color: #f1f1f1;
- cursor: pointer;
- transition: background-color 0.2s ease, color 0.2s ease;
-}
-
-.record-info {
- margin: 1em 0;
-}
-
-.pepperoni-widget .record-button.recording {
- background-color: #00cc12;
- color: white;
- padding: 1em 1.1em 1em 0.68em;
-}
-
-.pepperoni-widget .record-button:hover {
- text-decoration: none;
- background-color: #fafafa;
-}
-
-.pepperoni-widget .record-button.recording:hover {
- background-color: #d30058;
- color: #f1f1f1;
-}
-
-.pepperoni-widget .record-progress {
- justify-content: space-between;
- display: flex;
- margin: 0.5em 0.76em;
-}
-
-.record-progress-bar-container {
- background-color: #f1f1f1;
- height: 2em;
- width: 15.385em;
- margin-right: 0.76em;
-}
-
-.record-progress-bar {
- height: 2em;
- background-color: #d30058;
- width: 0;
-}