#form {
    padding: 6px 6px;
    background: rgb(130, 105, 123);
    border: 1px solid rgb(130, 105, 123);
    border-radius: 4px;
    font-size: 32px;
    color: rgb(255, 255, 255);
    height: 46px;
    appearance: none;
    transition: border 0.15s ease 0s;
    font-family: chat, sans-serif;
    cursor: url('icons/mouse.png') 9 41, auto;
    /* The numbers 4 4 are the hotspot coordinates for your cursor image. */
}

/* If you're using a CSS preprocessor like SCSS, your :focus block can remain nested.
   Otherwise, in plain CSS, you'd write it separately: */
#form:focus {
    outline: none;
    box-shadow: none;
    border-color: rgb(130, 105, 123);
}

#form::placeholder {
    color: rgb(150, 150, 150);
    opacity: 1; /* Firefox */
}
