* {margin:0; padding:0;}

header {
    padding: 0.5em;
    background-color: burlywood;
    color: brown;
    text-align: center;
    font-family: 'Macondo', cursive;
    font-size: 1.5em;
    border-style: solid;
    border-color: antiquewhite;
    border-width: 10px;
    clear: left;
}

.termek {
        font-size: 1.5em;
        padding-bottom: 1em;
    }
.checkbox {
    font-family: 'Big Shoulders Stencil Display', cursive;
}
article>h2 {
    padding-top: 1em;
    padding-bottom: 0.5em;
}
footer {
    padding: 0.5em;
    background-color: coral;
    color: bisque;
    text-align: left;
    font-family: Arial, 'Comic Sans MS';
    font-size: 1em;
    clear: left;
}

aside {
    float: left;
    width: 320px;
    margin: 0;
    padding: 1em;
    }

section {
    margin-left: 400px;
    border-left: 1px solid gray;
    padding: 1em;
    padding-top: 3em;
    font-family: 'Goldman', cursive;
    
}

article{
    padding-top: 1em;
    padding-left: 1em;
    padding-right: 1em;
}

ul {
    float: left;
    width: 100%; 
    padding: 0;
    margin: 0;
    list-style-type: none;
    overflow: hidden;
    border-style: solid;
    border-color: antiquewhite;
    background-color: antiquewhite;
    border-width: 10px;
    text-align: center;
}

a {
    float: left;
    width: 13em;
    text-decoration: none;
    color: white;
    font-family: 'Macondo', cursive;
    font-size: 1.2em;
    background-color: brown;
    padding: 0.2em 0.6em;
    border-right: 1px solid white;
    display: block;
    text-align: center;
    border-radius: 20px;
}

.kijelolt {background-color: rosybrown; }

a:hover {
    background-color: #ff3300;    
}

li {
    display: inline-block;
}