body{
    font-family: Arial;
    background:#f5f5f5;
    margin:40px;
}

h1{
    text-align:center;
}

#container{
    display:flex;
    gap:60px;
}

/* Form */
#form{
    background:white;
    padding:20px;
    border-radius:8px;
    box-shadow:0 0 10px rgba(0,0,0,0.1);
}

input{
    display:block;
    margin-bottom:10px;
    padding:6px;
    width:200px;
}

button{
    padding:8px;
    background:#4CAF50;
    color:white;
    border:none;
    cursor:pointer;
}

/* Table */
table{
    border-collapse: collapse;
    width:600px;
    background:white;
    box-shadow:0 0 10px rgba(0,0,0,0.1);
}

th, td{
    border:1px solid #ddd;
    padding:10px;
    text-align:center;
}

th{
    background:#333;
    color:white;
}

tr:nth-child(even){
    background:#f2f2f2;
}

tr:hover{
    background:#e6f2ff;
}