Simple HTML and CSS Form Guide

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Table</title>
    <link rel="stylesheet" href="style.css">
    <style>
        .container{
    box-shadow:0 0 15 #aaa;
    border:2px solid black;
    border-radius:10px;
    max-width:500px;
    padding:20px;
    margin:auto;
    font-family:cursive;



}
label,button{
    display:block;
    margin:5px;
}
input{
    width:100%;
    padding:8px;
    border:none;
    box-shadow:4ox 7px  8px 0 #aaa;
    border-radius:20px;
    background-color:#a5eeeb;
}
button{
    width:100%;
    padding:8px;
    border:none;
    margin-top:20px;
    border-radius:20px;
    background-color:rgb(54, 117, 54);
    color:white;
    font-weight:900;
}
button:active{
    background-color:black;
}



    </style>
<body>
 <form class="container">
    <label for="username">Username</label>
    <input type="text" placeholder="Enter your name"><br>
    <label for="email">Email</label>
    <input type="email" placeholder="Enter email"><br>
    <label for="Password">Password</label>
    <input type="Password" placeholder="Enter password"><br>


    <button id="btn">submit</button><br>



 </form>


</body>
</html>
Basic form by using html and css
