therickglenn/VoiceAnalyzer

1/* styles.css - Aesthetic & Interactive Styling for Audio Visualizer */2 3body {4    font-family: 'Arial', sans-serif;5    background-color: #121212;6    color: #ffffff;7    display: flex;8    justify-content: center;9    align-items: center;10    height: 100vh;11    margin: 0;12}13 14.container {15    text-align: center;16    background: #1e1e1e;17    padding: 20px;18    border-radius: 10px;19    box-shadow: 0 0 15px rgba(0, 255, 204, 0.3);20}21 22h1 {23    font-size: 24px;24    margin-bottom: 15px;25    color: #00ffcc;26}27 28.start-button {29    background: #00ffcc;30    color: #121212;31    border: none;32    padding: 10px 20px;33    font-size: 16px;34    border-radius: 5px;35    cursor: pointer;36    transition: 0.3s;37}38 39.start-button:hover {40    background: #009977;41}42 43.error-message {44    color: red;45    margin-top: 10px;46}47 48.visualizer {49    display: block;50    width: 100%;51    max-width: 600px;52    height: 300px;53    background: #000;54    border-radius: 5px;55    margin-top: 20px;56    box-shadow: 0 0 10px rgba(0, 255, 204, 0.3);57}