Music

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Music School Registration</title>
    <style>

        .header {
           margin-left: 310px;
           color: white;
        }
        .container {
            background-color:green;
        }

        .label {
            background-color: green;
            color: white;
            padding: 5px;
            margin-left: 300px;
            margin-top: 5px;
        }
        .comment {
            background-color: green;
            color: white;
            padding: 5px;
            height: 20px;
            margin-left: 300px;
        }
        .submit {
            background-color: green;
            color: white;
            padding: 5px;
            margin-left: 500px;
            width: 200px;
        }
        .fname {
            margin-right: 5px;
            padding: 5px;
            border-color: rgb(13, 224, 13);
        }
        .lname {
            margin-right: 400px;
            padding: 5px;
            border-color: rgb(13, 224, 13);
        }

        .music {
            display: flex;
            justify-content: space-between;
        }
        .month {

            padding: 5px;
            border-color: rgb(13, 224, 13);
        }
        .day {

            padding: 5px;
            border-color: rgb(13, 224, 13);
        }
        .year {
            margin-right: 400px;
            padding: 5px;
            border-color: rgb(13, 224, 13);
        }

        .guitar {
            margin-right: 400px;
            padding: 5px;
            border-color: rgb(13, 224, 13);
            width: 360px;
        }

        .pick {
            background-color: green;
            color: white;
            padding: 5px;
        }
        .week {
            margin-left: 575px;
            margin-bottom: 5px;
        }

    </style>
</head>
<body>
    <div class="container">
        <h1 class="header">Register to our music school and learn music</h1>

    </div>


    <div class="music">
        <label for="" class="label">Name *</label>
        <div>
            <input type="text" placeholder="First Name" class="fname">
            <input type="text" placeholder="Last Name" class="lname">

        </div>
    </div> <br>

    <div class="music">
        <label for="" class="label">Birth Date *</label>
        <div>
            <input type="text" placeholder="(Month)" class="month">
            <input type="text" placeholder="(Day)" class="day" size="7">
            <input type="text" placeholder="(Year)" class="year"size="7">
        </div>
    </div>  <br>

    <div class="music">
        <label for="" class="label">Choice of Instrument *</label>
        <div>
            <input type="text" placeholder="Guitar" class="guitar">
        </div>
    </div> <br>

    <div>
        <br>
        <label for="" class="label" >Pick Days for Classes *</label>
        <div class="week">
            <div>
                <input type="checkbox">
                <label for="" class="pick">Monday</label>
            </div> <br>
            <div>
                <input type="checkbox">
                <label for="" class="pick">Tuesday</label>
            </div> <br>
            <div>
                <input type="checkbox">
                <label for="" class="pick">Wednesday</label>
            </div> <br>
            <div>
                <input type="checkbox">
                <label for="" class="pick">Thrusday</label>
            </div> <br>
            <div>
                <input type="checkbox">
                <label for="" class="pick">Friday</label>
            </div> <br>
        </div>
    </div> <br>

    <div class="music">
        <label for="" class="label">Start Date & Time *</label>
        <div>
            <input type="text" placeholder="Month - Day - Year" class="guitar">
        </div>
    </div> <br>

    <div class="music">
        <label for="" class="comment">Comments *</label>
        <textarea name="" id="" cols="30" rows="10" class="guitar" placeholder="Comments"></textarea>
    </div> <br> <br>

    <button type="submit" class="submit">Submit</button>
</body>