body{
    font-family: Arial;
    background-color: #f5f5f5;
}

.box{
    width: 400px;
    margin: 50px auto;
    background: white;
    border: 1px solid black;
    padding: 20px;
}

.container{
    width:700px;
    margin:auto;
}

h2{
    text-align:center;
}

input[type=text],
input[type=number],
input[type=datetime-local]{
    width: 100%;
    padding: 8px;
    margin-top: 5px;
    margin-bottom: 15px;
    box-sizing: border-box;
}

input[type=submit]{
    padding: 8px 15px;
    cursor: pointer;
}

a{
    text-decoration: none;
}

table{
    width:100%;
    border-collapse:collapse;
}

table,td,th{
    border:1px solid black;
}

td,th{
    padding:8px;
    text-align:center;
}

.top{
    margin-bottom:10px;
    display:flex;
    justify-content:space-between;
}

.search-form{
    display:flex;
    gap:10px;
}

.btn-add{
    display:flex;
    text-align: center;
    padding:8px 12px;
    border:1px solid black;
    border-radius: 3px;
    height: 25px;
}

.btn-add:hover{
    background-color: #dddddd;
}