@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);body{color:#333;font-family:Roboto,sans-serif}.App,body{background-color:#f5f7fa;margin:0;padding:0}.App{box-sizing:border-box;overflow-x:hidden;text-align:center}.App-logo{height:40px;margin-right:10px;pointer-events:none}.logo-container{align-items:center;display:flex}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#000;border-bottom:1px solid #000;box-sizing:border-box;color:#fff;display:flex;font-size:1.25rem;justify-content:space-between;padding:20px;width:100%}.App-header,.App-header h1{font-family:Roboto,sans-serif}.App-header h1{font-size:2rem;font-weight:700;margin:0}.App-link{color:#fbbf24;font-weight:700;text-decoration:none}.App-link:hover{text-decoration:underline}nav{display:flex;gap:1rem}nav form{display:flex;flex-direction:column;gap:.5rem}nav form input{border:1px solid #ccc;border-radius:4px;padding:.5rem}nav button{background-color:#fbbf24;border:none;border-radius:4px;color:#000;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem;padding:10px 20px;transition:background-color .3s}nav button:hover{background-color:#f59e0b}button{background-color:#fbbf24;border:none;border-radius:4px;color:#000;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem;padding:10px 20px;transition:background-color .3s}button:hover{background-color:#f59e0b}section{background-color:#fff;box-sizing:border-box;margin:.5rem;padding:.5rem;width:100%}ul{list-style:none;padding:0}ul li{border-bottom:1px solid #ddd;padding:.5rem 0}ul li:last-child{border-bottom:none}.form-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;gap:.5rem;margin-top:20px;padding:20px}.form-container label{display:block;font-family:Roboto,sans-serif;margin-bottom:10px}.form-container input{border:1px solid #ccc;border-radius:4px;font-family:Roboto,sans-serif;margin-bottom:20px;margin-top:5px;padding:10px;width:100%}.slide-down{animation:slide-down .5s ease-out forwards;display:flex}.message{font-family:Roboto,sans-serif;font-size:1.2rem;margin-bottom:10px;transition:opacity 1s ease-in-out}.fade-in{animation:fadeIn 1s;opacity:1}.fade-out{opacity:0}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.App-header{align-items:flex-start;flex-direction:column;font-size:1rem}main{flex-direction:column;padding:.5rem}main,section{box-sizing:border-box;width:100%}section{margin:.5rem 0}nav{align-items:flex-start;flex-direction:column}nav button,nav form input{width:100%}}@media (max-width:480px){.App-header{font-size:.875rem}nav button,nav form input{font-size:.9rem}}.main-container{margin:0 auto;max-width:1200px;padding:20px}.section-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px;padding:20px}.section-container h2{font-family:Roboto,sans-serif;font-size:1.5rem;margin-bottom:10px}.content-box{text-align:left}.content-box ul{list-style-type:none;padding:0}.content-box li{background-color:#f9f9f9;border-radius:4px;margin-bottom:5px;padding:10px}.course-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.module{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;margin-bottom:10px;padding:10px}.module h2{font-family:Roboto,sans-serif;font-size:1.5em;margin-bottom:10px}.module p{font-size:1em;line-height:1.5}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:500px;padding:20px;position:relative;width:90%}.modal-close{background:none;border:none;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px}.error{color:red;font-size:.875rem;margin-top:5px}.top-left{gap:10px;left:0;position:relative}.content,.top-left{display:flex;margin-top:20px}.content{justify-content:space-between}.modules{width:30%}.modules ul{list-style-type:none;padding:0}.modules li{align-items:center;background-color:#f9f9f9;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:5px;padding:10px}.modules li:hover{background-color:#e0e0e0}.checkmark{color:green;font-weight:700}.module-content{background-color:#fff;margin-top:20px}.module-content,.topic-content{border:1px solid #ddd;border-radius:4px;padding:10px}.topic-content{background-color:#f9f9f9;margin-top:10px}.command-section{width:65%}.command-form{align-items:center;display:flex}.command-input{border:1px solid #ccc;border-radius:4px;flex:1 1;font-family:Roboto,sans-serif;margin-bottom:10px;margin-top:10px;padding:10px;width:100%}.command-submit{background-color:#fbbf24;border:none;border-radius:4px;color:#000;cursor:pointer;font-family:Roboto,sans-serif;margin-left:10px;padding:10px 20px;transition:background-color .3s}.command-submit:hover{background-color:#f59e0b}.command-output{background-color:#000;border-radius:4px;color:#fff;font-family:Courier New,Courier,monospace;height:300px;overflow-y:auto;padding:10px;text-align:left}.course-completion{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;margin-top:20px;padding:20px;text-align:center}.course-completion h3{margin-bottom:20px}.course-completion button{margin:5px}.profile-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:600px;padding:20px}.profile-info{margin-bottom:20px}.profile-info p{margin:10px 0}.course-progress{margin-top:20px}.course-progress ul{list-style-type:none;padding:0}.course-progress li{background-color:#e0e0e0;border-radius:4px;margin-bottom:5px;padding:10px}
/*# sourceMappingURL=main.e05ee651.css.map*/