*{margin:0;padding:0}body{font-family:Arial,sans-serif;background-color:#f4f4f4;width:100%;height:100vh}.dark-mode-btn{font-family:Montserrat,sans-serif;position:absolute;right:25px;top:25px;background-color:#121212;color:#fff;border:none;border-radius:50%;height:50px;width:50px;cursor:pointer;font-size:25px}.dark-mode-btn.dark-mode{color:#121212;background-color:#ddd}body.dark-mode{background-color:#121212;color:#e0e0e0}button.dark-mode{background-color:#444;color:#fff}.container{height:100%;width:100%;padding-top:30px;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column}.header{position:absolute;font-family:Montserrat,sans-serif;top:10px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.header h1{text-align:center;letter-spacing:-.025em;font-weight:400;font-size:36px}.header text{padding-top:5px;font-size:400;letter-spacing:-.025em;text-align:center;font-size:16px}.instructions-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:15px}.instructions-container h2{font-family:Montserrat,sans-serif;font-size:normal;font-weight:600;font-size:24px;letter-spacing:-.025em}.instructions-container ul{padding-top:10px;text-align:start;list-style-type:none;font-size:16px;font-weight:500}.instructions-container li{text-align:start;font-size:16px;font-weight:500;margin-bottom:10px}.form{width:90%;display:flex;flex-direction:column;align-items:center}.large-textarea{font-family:Arial,Helvetica,sans-serif;width:300%;max-width:800px;height:400px;padding:15px;margin-bottom:15px;border:1px solid #ddd;border-radius:4px;font-size:16px;box-shadow:0 2px 4px #0000001a;resize:vertical}.large-textarea.dark-mode{background-color:#121212;border:1px solid #555;color:#ddd}.error-message{color:red;font-size:16px;display:none}.label{color:#555;font-size:18px;margin-bottom:10px;display:block}.label.dark-mode{color:#ddd}.dropdown{width:200px;padding:15px;font-size:18px;color:#ff6f61;background-color:#f4f4f4;border:2px solid #007bff;border-radius:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;box-shadow:0 5px 10px #00000026;transition:all .3s ease}.dropdown.dark-mode{background-color:#121212;border:2px solid #555;color:#ddd}.dropdown:hover{background-color:#f4f4f4;color:#ff6f61;box-shadow:0 8px 15px #0000004d}.dropdown.dark-mode:hover{background-color:#121212;color:#ddd;box-shadow:0 8px 15px #0000004d}.dropdown:focus{outline:none}.submit-button{margin-top:20px;padding:12px 25px;border:none;border-radius:4px;background-color:#007bff;color:#fff;font-size:16px;cursor:pointer}.submit-button:hover{background-color:#0056b3}.spinner{border:4px solid rgba(0,0,0,.1);border-left-color:#007bff;border-radius:50%;width:40px;height:40px;margin:20px auto;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.foot{position:absolute;width:100%;bottom:-30px;padding:10px 0;text-align:center;font-size:15px}@media (max-width: 850px){.dark-mode-btn{position:fixed;top:unset;right:15px;bottom:40px}.container{padding-top:0}.header{padding-top:10px;width:95%}.header h1{font-size:28px}.header h2{font-size:13px}.instructions-container{padding-top:10px;margin-bottom:5px}.instructions-container ul{padding-top:5px}.instructions-container li{margin-bottom:5px}.instructions li{font-size:16px}.form{width:100%}.large-textarea{width:85%;height:165px}.dropdown{width:50%}.submit-button{font-size:16px}.foot{position:absolute;bottom:-70px;padding:0}}@media screen and (min-width: 850px) and (max-width: 1400px){.header{width:95%}.container{padding-top:95px}.instructions-container{padding-bottom:5px}.instructions-container ul{padding-top:5px;font-size:14px}.instructions-container li{margin-bottom:5px;font-size:14px}.instructions li{font-size:16px}.form{width:100%}.large-textarea{width:45%;height:200px}.dropdown{width:18%}.submit-button{font-size:16px}.dark-mode-btn{font-size:22px}.foot{position:unset;width:100%;padding:20px 0;text-align:center;font-size:15px}}