#root{display:flex;flex-direction:column;flex-grow:1}@media (max-width:768px){body{font-size:14px}}.header{background-color:#0070f3;color:#fff;display:flex;justify-content:space-between;padding:20px}.nav a{color:#fff;margin:0 10px;text-decoration:none}.nav a:hover{text-decoration:underline}@media (max-width:768px){.header{align-items:center;flex-direction:column}.nav{margin-top:10px}}.footer{background-color:#007bff;bottom:0;box-sizing:border-box;color:#fff;padding:20px;text-align:center;width:100%}.footer,.footer p{margin:0}.hero-section{align-items:center;background-color:#e0f7fa;display:flex;justify-content:space-between;padding:50px}.hero-content{flex:1 1;margin-right:20px;margin-top:20px}.button-group,.hero-content,.hero-content p{margin-bottom:20px}.button-group{display:flex;gap:10px;justify-content:center;margin-top:50px}.hero-image{flex:1 1;position:relative}.hero-image img{height:auto;max-width:100%;transition:opacity .5s ease-in-out}.indicator-dots{bottom:10px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.dot{background-color:#fff;border-radius:50%;height:10px;transition:background-color .3s;width:10px}.cta-button,.dot.active{background-color:#0070f3}.cta-button{border:none;border-radius:20px;color:#fff;cursor:pointer;padding:10px 20px;text-decoration:none}.cta-button:hover{background-color:#005bb5}.github-button{background-color:#fff;border:2px solid #24292e;border-radius:20px;color:#24292e;cursor:pointer;padding:10px 20px;text-decoration:none;transition:background-color .3s,color .3s}.github-button:hover{background-color:#e0e0e0;color:#3a3f44}@media (max-width:768px){.hero-section{flex-direction:column;text-align:center}.hero-content{margin-bottom:20px}}.features-section{background-color:#fff;padding:50px}.features-list{display:flex;flex-wrap:wrap;justify-content:space-around}.feature{margin-bottom:20px;max-width:300px;text-align:center}@media (max-width:768px){.features-list{align-items:center;flex-direction:column}}.contact-page{background-color:#fff;padding:50px;text-align:center}.contact-page h2{color:#0070f3;margin-bottom:20px}.login-form{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:400px;padding:20px;width:100%}.login-form h2{margin-bottom:20px;text-align:center}.login-form input{border:1px solid #ccc;border-radius:5px}.login-form button,.login-form input{box-sizing:border-box;margin:10px 0;padding:10px;width:100%}.login-form button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer}.login-form button:hover{background-color:#0056b3}.login-form p{margin-top:10px;text-align:center}.login-form .error{color:red}.login-form .message{color:green}.login-form a{color:#007bff;text-decoration:none}.login-form a:hover{text-decoration:underline}.login-page{background-color:#f0f2f5;margin:0;min-height:calc(100vh - var(--headerHeight) - var(--footerHeight))}.login-page,.register-form{align-items:center;box-sizing:border-box;display:flex;justify-content:center}.register-form{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;flex-direction:column;margin:0 auto;max-width:400px;padding:20px;width:100%}.register-form h2{margin-bottom:20px;text-align:center}.register-form input{border:1px solid #ccc;border-radius:5px}.register-form button,.register-form input{box-sizing:border-box;margin:10px 0;padding:10px;width:100%}.register-form button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer}.register-form button:hover{background-color:#0056b3}.register-form p{margin-top:10px;text-align:center}.register-form .error{color:red}.register-form .message{color:green}.register-form a{color:#007bff;text-decoration:none}.register-form a:hover{text-decoration:underline}.register-page{align-items:center;background-color:#f0f2f5;box-sizing:border-box;justify-content:center;min-height:calc(100vh - var(--headerHeight) - var(--footerHeight))}.register-page,body{display:flex;margin:0}body{background-color:#f5f5f5;background-color:#fff;color:#333;font-family:Arial,sans-serif;height:100vh}.App,body{flex-direction:column}.App{display:flex;flex-grow:1;text-align:center}.content{background-color:#fff;flex-grow:1}@media (max-width:768px){.App{padding:10px}}:root{--headerHeight:60px;--footerHeight:60px}
/*# sourceMappingURL=main.2b841903.css.map*/