.loader{border:5px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.glowAll,.glowMe{opacity:0;transition:opacity .3s linear 0s}svg{width:30px;height:30px;max-width:30px;max-height:30px;cursor:pointer}svg:hover .glowMe{opacity:.5}svg:hover .glowAll{opacity:1}.buttonTop{fill:#5696ff;transition:fill .3s linear 0s}svg:hover .buttonTop{fill:#6ea4fa}.buttonSides{fill:#371b5b;transition:fill .3s linear 0s}svg:hover .buttonSides{fill:#000}svg:focus{outline:none}svg:focus .buttonTop,svg:focus .playSides{stroke:#fff;stroke-width:2px}svg:focus .playSides{stroke-width:1px}svg:active .buttonTop{fill:#e2e2e2}.lesson-container:hover svg .glowMe{opacity:.5}.lesson-container:hover svg .glowAll{opacity:1}.lesson-container:hover svg .buttonTop{fill:#0d67f7}.lesson-container:hover svg .buttonSides{fill:#371b5b}.lesson-container:hover .btn{background-color:"yellow"}.lesson-container:hover .btn.bg-blue-500{background-color:#3b82f6}.lesson-container:hover .btn.bg-green-500{background-color:#059669}a:hover{text-decoration:none}.completed .buttonTop{fill:#06a572}.completed .buttonSides{fill:#371b5b}.lesson-container:hover .completed .buttonTop{fill:#047857}.lesson-container:hover .completed .buttonSides{fill:#371b5b}a{text-decoration:none;color:inherit;display:flex;width:-moz-fit-content;width:fit-content;align-items:center;justify-content:start}