@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap";.project-card{width:100%;border:1px solid black;box-shadow:0 0 5px gray}.project-card img{width:100%;height:300px;object-fit:cover}.project-form-container{max-width:600px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9}.project-form-title{font-size:24px;margin-bottom:20px;text-align:center}.project-form-field{margin-bottom:15px}.project-form-field label{display:block;margin-bottom:5px;font-weight:700}.project-form-field input,.project-form-field textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:3px;box-sizing:border-box}.project-form-submit{display:block;width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:16px}.project-form-submit:hover{background-color:#0056b3}.home-container{padding:20px;text-align:center}.home-title{font-size:2em;color:#333;margin-bottom:20px}.project-list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.project-card{width:300px;border:1px solid #ddd;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.project-form{margin-top:40px;padding:20px;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a}.login-form{max-width:100%;width:400px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9;box-sizing:border-box}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-control{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.btn{display:inline-block;width:100%;padding:10px 20px;font-size:16px;cursor:pointer;text-align:center;text-decoration:none;outline:none;color:#fff;background-color:#007bff;border:none;border-radius:5px;box-sizing:border-box}.btn-primary:hover{background-color:#0056b3}@media (max-width: 600px){.login-form{padding:15px}.form-control{padding:8px}.btn{padding:10px;font-size:14px}}body{font-family:Open Sans,sans-serif;margin:0;padding:0;box-sizing:border-box}.signup-form-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f5f5f5;padding:20px}.signup-form{background:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px #0000001a;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center}.signup-form-title{margin-bottom:20px;font-size:24px;font-weight:700;text-align:center;width:100%}.signup-form-group{margin-bottom:15px;width:100%}.signup-form-group label{display:block;margin-bottom:5px;font-weight:700}.signup-form-input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px;box-sizing:border-box}.signup-form-button{width:100%;padding:10px;background-color:#007bff;border:none;border-radius:4px;color:#fff;font-size:16px;cursor:pointer;font-weight:700;margin-top:10px}.signup-form-button:hover{background-color:#0056b3}@media (max-width: 600px){.signup-form-container{padding:10px}.signup-form{padding:15px}.signup-form-title{font-size:20px}.signup-form-input,.signup-form-button{font-size:14px}}.pledge-form-container{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a}.pledge-form-title{font-size:24px;margin-bottom:20px;color:#333}.pledge-form{display:flex;flex-direction:column;width:100%;max-width:400px}.pledge-form-label{margin-bottom:8px;font-weight:700;color:#555}.pledge-form-input{padding:10px;margin-bottom:20px;border:1px solid #ccc;border-radius:4px;font-size:16px}.pledge-form-checkbox{margin-right:10px}.pledge-form-button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.pledge-form-button:hover{background-color:#0056b3}.project-page{display:flex;flex-wrap:wrap;font-family:Arial,sans-serif;margin:20px;padding:20px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9}.project-content{flex:1;min-width:300px;margin-right:20px}.project-title{font-size:2em;color:#333;margin-bottom:10px}.project-created-at,.project-status{font-size:1.2em;color:#666;margin-bottom:20px}.project-pledges{list-style-type:none;padding:0}.pledge-item{font-size:1em;color:#333;margin-bottom:10px}.project-image-container{flex:1;min-width:300px;display:flex;justify-content:center;align-items:center}.project-image{max-width:100%;height:auto;border-radius:8px}@media (max-width: 768px){.project-page{flex-direction:column}.project-content{margin-right:0;margin-bottom:20px}.project-image-container{margin-bottom:20px}}.about-container{padding:20px;text-align:center;font-family:Roboto,sans-serif}.about-title{font-size:2em;color:#333}.about-content{margin-top:20px;font-size:1.2em;color:#666}.about-image{margin-top:20px;width:100%;max-width:400px;height:auto}.about-section{margin-top:40px}.about-subtitle{font-size:1.5em;color:#333}.about-text{margin-top:10px;font-size:1.1em;color:#666}.contact-container{padding:20px;text-align:center;font-family:Roboto,sans-serif}.contact-title{font-size:2em;color:#333;margin-bottom:20px}.contact-content{font-size:1.2em;color:#666;margin-top:20px}.contact-form{margin-top:40px;display:flex;flex-direction:column;align-items:center}.contact-form input,.contact-form textarea{width:100%;max-width:400px;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px}.contact-form button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.contact-form button:hover{background-color:#0056b3}.navbar{background-color:#f8f9fa;overflow:hidden;display:flex;justify-content:space-around;align-items:center;padding:10px 0;box-shadow:0 2px 4px #0000001a;font-family:Open Sans,sans-serif}.navbar a{color:#333;text-align:center;padding:14px 20px;text-decoration:none;font-size:17px;transition:background-color .3s,color .3s}.navbar a:hover{background-color:#e2e6ea;color:#000}.navbar a.active{background-color:#007bff;color:#fff}.page-title{font-family:Open Sans,sans-serif;font-size:34px;color:#333;text-align:center;margin:20px 0}@media screen and (max-width: 600px){.navbar{flex-direction:column}.navbar a{width:100%;text-align:left;padding:10px}}