html, body { margin: 0; padding: 0; height: 100dvh; }
header {
    width: 99%; height: auto; clear: top; padding: 0% 0% 0% 1%;
    background-color: #f3ba8c;
    border-radius: 40px 40px 0px 0px;

}
nav {
    width: 8%; height: 100dvh; float: left; padding: 0% 0% 0% 1%;

}
section {
    width: 90%; height: auto; float: left; padding: 0% 0% 0% 1%;
    background: #d9d9d9;

}
footer {
    width: 99%; height: 15%; clear: both; padding: 0% 0% 0% 1%;
    background: #60d4d6;
    border-radius: 0px 0px 20px 20px;
}
header a {
    text-decoration: none;
}
#item {
    border-collapse: collapse;

    td, th {
        border: 1px solid black;
    }

    thead {
        background: #74d36d;
    }

    tbody {
        background: #ffffff;
    }

    .tc {
        background-color: #f3ba8c;
    }

    img {
        padding: 1dvh 1dvh 1dvh 1dvh;
    }

    img:hover {
        transform: scale(2, 2)
    }
}