@import url("index.css");
@import url("common.css");

#wrapper {
    grid-template-rows:     150px 750px;
    grid-template-areas: 
                            "header header"
                            "navbar main"
    ;
}

main {
    overflow-y: auto;
    overflow-x: hidden;

}

.entry {
    text-align:             left;
    background-color:       var(--bg);
    text-decoration:        none;
    color:   		    var(--fg);
}
.entry a:link, a:visited {
    color:   		    var(--fg);
    padding:                0px 20px 20px 20px;
    display:                block;
    border:                 var(--pink) 4px ridge;
    text-decoration:        inherit;
}

.entry a:hover {
    padding:                0px 20px 20px 20px;
    display:                block;
    border:                 var(--lime) 4px ridge;
    text-decoration:        inherit;
}

ul {
    list-style: none;
    padding: 0px;

}