* {
    box-sizing: border-box;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 25px;
}

form {
    width: 80%;
    margin: auto;
    box-shadow: 0px 0px 16px -3px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0px 0px 16px -3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 16px -3px rgba(0, 0, 0, 0.75);
}
table{
    width: 100%;
    border: 0px;
    padding: 15px;
}

table input{
    border: 1px solid black;
    border-radius: 2px;
    width: 100%;
    padding: 4px;
    margin: 6px;
}

main{
    background-color: rgb(255, 255, 255);
    padding: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 15px;
    align-items: end;
    border-color: black;
}

main>div{
    padding: 10px;
    text-align: center;
    border-color: black;
}

main>div>p{
    background-color: rgb(255, 255, 255);
    color: black;
    padding: 8px;
    text-align: center;
    border-radius: 4px;
    border-color: black;
    margin-top: 25px;
}