#new-project-form label { display: block; margin-bottom: 5px; } #new-project-form input, #new-project-form textarea, #new-project-form select { width: 30%; padding: 5px; margin-bottom: 10px; border: 1px solid #ddd; box-sizing: border-box; } .submit { background-color: #4fa6c0; border-color: #90daf1; } .submit:active { background-color: #999999; border-color: #111111; } .form-group { margin-bottom: 15px; } .form-group label { display: block; text-align: left; margin-bottom: 5px; font-weight: bold; } .container { width: 80%; margin: 20px auto; background-color: #fff; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) } .form-group input { width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; } .btn { background-color: #007bff; color: white; padding: 10px 15px; border: none; border-radius: 4px; cursor: pointer; } .btn:hover { background-color: #0056b3; } #message { margin-top: 10px; font-weight: bold; } .title { margin: 20px; } .header { background-color: rgb(171, 241, 186); display: flex; justify-content: space-between; align-items: center; margin: 0px; box-shadow: none; } .menu { display: flex; justify-content: center; align-items: center; margin: 0px; box-shadow: none; } .registration { font-family: Arial, sans-serif; background-color: rgb(244, 244, 244); display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0px; } .registration__form { background-color: #fff; padding: auto; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); width: 300px; margin: auto; } #new-project-form { margin-bottom: 20px; padding: 10px; border: 1px solid #ccc; } .table { width: 100%; margin-bottom: 20px; border: 2px solid #999; border-collapse: collapse; } .table th { font-weight: bold; border: 2px solid #999; padding: 8px; } .table td { border: 2px solid #999; padding: 8px; }