HTML/CSS - Contact Calvin Online Editor and JavaScript Compiler

html

<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
    </head>
    <body>
        
        <form action="https://postmail.invotes.com/send"
            method="post" id="email_form">
            <h2>Contact Calvin</h2>
            <input type="text" name="extra_sololearn"
                        placeholder="Sololearn Id" />
            <input type="text" name="reply_to" placeholder="Your Email" /> <!-- set the reply-to address -->
            <input type="text" name="subject" placeholder="Subject" />
            <textarea name="text" rows="15" placeholder="Message with your sololearn id and email">Sololearn id: 
Message: 
</textarea>
            <input type="hidden" name="access_token" value="ttnpje8l2823v2tm0vvwuuf0" />
              <!-- return urls can be fully qualified -OR-
                 start with / for root relative -OR-
                 start with . for url relative --> 
                 
            <input type="hidden" name="success_url" value="https://www.dropbox.com/s/vd9awkxqgcb3oxu/form-sent-success.html?raw=1" />
            <input type="hidden" name="error_url" value="https://www.dropbox.com/s/joooca1naj0rt16/form-sent-errors.html?raw=1" />
    
            <!-- to append extra fields, use the extra_ prefix.
                Entries will be appended to your message body. -->
            <!-- <input type="text" name="extra_phone_number"

css

body {
    margin: 0;
    background-color:  beige;
    background-image: url(https://www.sololearn.com/avatars/4a75d57e-299b-4327-88da-a30596cb3405.jpg);
    background-repeat: no-repeat;
    background-size: 5% 5%;
    background-position: 98% 95vh;
}
form {
    width: 90%;
    margin-top: 1em;
    margin-left: 5%;    
}
#email_form input, #email_form textarea {
    display: block;
    width: 100%;
    margin-top: 1em;
    box-shadow: 2px 2px 10px 0  rgba(0, 0, 0, 0.2);
    border: solid 1px  darkgrey;
    padding: 5px;
}

BROWSER

Console