body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,button,h1,h3,li,textarea,ul{box-sizing:border-box;margin:0;padding:0}body{background-color:#001f3f;color:#fff;font-family:Arial,sans-serif;margin:0}.container{margin:auto;max-width:1200px;padding:20px;width:90%}header h1{color:#0af;font-size:2.5rem;margin-bottom:20px;text-align:center}.genre-selector{display:flex;justify-content:center;margin-bottom:20px}.genre-selector select{background-color:#036;border:2px solid #0af;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:10px;transition:background-color .3s,border-color .3s}.genre-selector select:hover{background-color:#0af;border-color:#036}.genre-selector select:focus{background-color:#0af;border-color:#fff;outline:none}.video-container{text-align:center}.video-container iframe{border-radius:8px;box-shadow:0 0 10px #0003;transition:transform .3s,box-shadow .3s}.video-container iframe:hover{box-shadow:0 0 15px #0000004d;transform:scale(1.02)}.video-controls{display:flex;justify-content:center;margin-top:10px}.video-controls button{background-color:#0af;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin:0 10px;padding:10px 20px;transition:background-color .3s,transform .3s}.video-controls button:hover{background-color:#036;transform:scale(1.05)}.notes-section,.questions-section{margin-top:20px}.notes-section ul,.questions-section ul{list-style-type:none;padding:0}.notes-section li,.questions-section li{background-color:#002f6c;border:1px solid #0af;border-radius:8px;margin-bottom:10px;padding:10px;transition:background-color .3s}.notes-section li:hover,.questions-section li:hover{background-color:#0af}.note-taker{align-items:center;display:flex;flex-direction:column;margin-top:20px}.note-taker textarea{background-color:#036;border:2px solid #0af;border-radius:8px;color:#fff;font-size:16px;height:100px;margin-bottom:10px;max-width:600px;padding:10px;resize:none;width:100%}.note-taker button{background-color:#0af;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s,transform .3s}.note-taker button:hover{background-color:#036;transform:scale(1.05)}
/*# sourceMappingURL=main.11001b7b.css.map*/