@import url('https://use.typekit.net/zyj8onu.css');


.formHead {
    font-family: "ice-cream-standard", sans-serif;
    font-weight: 700;
    font-size: 32px;
    color: #e767a8;
    text-align: center;
}

form {
    background-color: #fff; /* White background for the form */
    padding: 20px;
    border-radius: 8px; /* Rounded corners for the form */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow for 3D effect */
    max-width: 90%; /* Maximum width of the form */
    margin: 20px auto; /* Centers the form horizontally */
	font-family: "montserrat", sans-serif;
    font-size: 16px;

}

input[type="radio"], input[type="checkbox"] {
    margin-bottom: 15px; /* Space below each input */
 	margin-right: 5px; /* Space between the checkbox/radio button and its label */
    width: 72px; /* Full-width inputs */
    padding: 10px; /* Padding inside the inputs */
    border-radius: 5px; /* Rounded corners for the inputs */
    border: 1px solid #ccc; /* Light grey border */
    box-sizing: border-box; /* Includes padding and border in the element's total width and height */
}
input[type="text"] {
    margin-bottom: 15px; /* Space below each input */
    width: 300px /* Full-width inputs */
    padding: 10px; /* Padding inside the inputs */
    border-radius: 5px; /* Rounded corners for the inputs */
    border: 1px solid #ccc; /* Light grey border */
    box-sizing: border-box; /* Includes padding and border in the element's total width and height */
}
input[type="number"] {
    margin-bottom: 15px; /* Space below each input */
    width: 160px; /* Full-width inputs */
    padding: 10px; /* Padding inside the inputs */
    border-radius: 5px; /* Rounded corners for the inputs */
    border: 1px solid #ccc; /* Light grey border */
    box-sizing: border-box; /* Includes padding and border in the element's total width and height */
}
.input-group {
    margin-bottom: 10px; /* Space between each input-label pair */
}

label {
    display: inline-block; /* Aligns the label next to the input */
    margin-right: 10px; /* Space between the label and the next item */
    margin-bottom: 0; /* Adjust or remove space below the label */
}

button {
    background-color: #e767a8; /* Pink background for the button, adjust as needed */
    color: white; /* White text color */
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}

button:hover {
    background-color: #d656a0; /* Slightly darker pink on hover */
}

#missionStatus {
    margin-top: 20px;
    font-weight: bold;
}