body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    background-color: rgb(25, 255, 150);
    font-size: 10px;
}
h2{
    font-size: 15px;
}
#txt{
    width: 70%;
}
#hi{
    width: 85%;
    padding: 2.5%;
    margin: 5%;
    background-color: whitesmoke;
    border-radius: 5px;
    position: fixed;
    top: 0;
    margin-top: 2.5%;
    text-align: center;
}
#textbox {
    width: 85%;
    padding: 2.5%;
    margin: 5%;
    background-color: whitesmoke;
    border-radius: 5px;
    position: fixed;
    bottom: 0;
    margin-bottom: 2.5%;
}

.n{
    grid-area: n;
    background-color: whitesmoke;
    border-radius: 5px;
    padding: 10px;
    
}
.d{
    grid-area: d;
    background-color: whitesmoke;
    border-radius: 5px;
    padding: 10px;
    
}
.t{
    grid-area: t;
    background-color: whitesmoke;
    border-radius: 5px;
    padding: 10px;
    
}
.m{
    grid-area: m;
    background-color: whitesmoke;
    border-radius: 5px;
    padding: 10px;
}
.post {
    display: grid;
    grid-template-areas:
    'n m m m m m'
	'd m m m m m'
    't m m m m m';
    gap: 5px;
    background-color: grey;
    width: 82%;
    padding: 1.5%;
    margin: 7.5%;
    margin-top: 1.5%;
    margin-bottom: 1.5%;
    border-radius: 5px;
}

#history {
    margin-bottom: 10%;
    margin-top: 15%;
}
form{
    gap: 5px;
}