.btn {
    display: inline-block;
    padding: 0.3em 1.3em;
    text-decoration: none;
    
    font-size: 0.95em;
    font-family: none;
    border: 1px black solid;
    border-radius: 5px;
    background: #0e6eff;
    color: #fff7dc;
    color: white;

    cursor: pointer;
}
.btn:hover {
    opacity: 0.8;
}
.btn.green {
    background: #178661;
}
.btn.red {
    background: #ff0e5e;
}

.func-btn li {
    display: inline-block;
}

.func-btn form {
    display: inline-block;
}

.table-func ul li{
    display: inline-block;
    padding: 0.5em;
    
}
.table-func ul li a{
    text-decoration: none;
}

.table-row-func li{
    display: inline-block;
}


html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

body {
    background: #ffd5d5;
    background: linear-gradient(153deg, rgba(255,255,255,1) 0%, rgba(255,213,213,1) 100%);
}

div#container {
    margin: 0 auto;
    padding: 1rem;
    width: 960px;
    height: 100%;
    display: block;
    
    background: white;
    box-shadow: 1px 1px 20px gray;
}

header h1{
    text-align: center;
}

div#main {
    margin-top: 2rem;
}

.func-btn {
    text-align: right;
}
.func-btn>ul li{
    display: inline;
}