ul {
    padding-left: 40px;
    padding-bottom: 1em;
}

main > .main-content {
    height: 100%;
    padding: 30px;
    overflow-y: auto;
}

main > .main-content.full {
    position: absolute;
    height: 100%;
}

main .pb80 {
    padding-bottom: 80px !important;
}

main .pb40 {
    padding-bottom: 4% !important;
}

main h1 {
    color: red;
    padding-bottom: 30px;
}

main h3 {
    padding-bottom: 15px;
}
main h4 {
    padding-bottom: 10px;
}

main h3 + div {
    padding-left: 15px;
}

main h4 + div {
    padding-left: 25px;
}

main div.passepartout {
    position: relative;
    border: 3px solid white;
    box-shadow: 3px 3px 3px #00000080;
    display: flex;
}

main div.passepartout img {
    width: 100%;
}

main a.passepartout-text {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-color: #00000070;
    color: white;
    font-size: 0.6em;
    padding: 2px 5px;
}

span.link,
a {
    color: blue;
    text-decoration: none;
    cursor: pointer;
}

span.link:hover,
a:hover {
    text-decoration: underline;
}


p {
    padding-bottom: 15px;
}

section.summary div {
    margin-top: 0px;
    /*margin-left: 10px;*/
    border-left: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    border-right: 1px solid lightgray;
    border-radius: 0px 0px 5px 5px;
    /*padding-bottom: 5px;*/
}

.grid-3 {
    display: grid;
    grid-template-columns: auto 1fr auto;
    column-gap: 3px;
    row-gap: 5px;
}

.grid-3 .header {
    font-weight: 600;
    color: var(--l-green-text);
    background-color: var(--d-green);
}

div.grid-3 div {
    margin: 0px;
    border: none;
    border-radius: 0px;
    padding: 7px 7px;
}

div.grid-3 .row-1:not(.last), div.grid-3 .row-2:not(.last), div.grid-3 .row-3:not(.last) {
    border-bottom: 1px solid lightgray;
}

div.grid-3 .row-2 {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto;
}

.grid-3 p.fileinfo {
    font-size: 0.5em;
    background-color: #c6c6c6;
    padding: 3px;
}

/*
.welcome-content {
    padding: 30px;
}
*/

.welcome-content img {
    width: 40vw;
    float: right;
}


.welcome-content p {
    padding-top: 150px;
}

/*.myperson {
    padding: 30px;
}*/

.myperson img {
    float: right;
    padding-left: 40px;
    padding-bottom: 30px;
    width: 20vw;
    min-width: 150px;
}

.main-myhtml-content,
.main-myprogs-content {
    height: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
}

nav.myprogs,
nav.myhtml {
    /*position: sticky;
    top: 0px;*/
    display: flex;
    flex-wrap: wrap;
    /*gap: 10px;*/
    background: #d3d3d3;
    margin: 0px 30px 0px 30px;
    padding: 0px 5px 3px;
    border: 1px solid gray;
    border-top-style: none;
    border-radius: 0px 0px 3px 3px;
    font-size: 0.7em;
}


nav.myprogs a,
nav.myhtml a {
    padding: 2px 3px;
}

nav.myprogs span,
nav.myhtml span {
    margin: 0px 3px;
}

nav.myhtml {
    margin-bottom: 8px;
}

.myprogs {
    padding: 20px 30px;
    overflow-y: auto;
}

.myprogs img {
    float: left;
    padding-right: 20px;
}

.myprogs h3:not(:first-child) {
    padding-top: 40px;
}

.myprogs h4, .myprogs h3 {
    clear: both;
    scroll-margin-top: 45px;
}

.myprogs .tile_block {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.myprogs .tile {
    min-width: 200px;
    padding: 15px;
    background-color: var(--l-green);
    width: 25vw;
    flex-grow: 1;
    border: 1px solid darkgray;
    border-radius: 10px;
    box-shadow: 0px 0px 8px #00000030;
}

.myprogs .tile p:last-child {
    padding-bottom: 0px;
}


.main-myhtml-content {
    grid-template-rows: auto auto 1fr;
}

.main-myhtml-content .dividers {
    width: 1px;
    background-color: blue;
}

.main-myhtml-content .selected {
    background-color: floralwhite;
}

.main-myhtml-content .info {
    padding: 5px 20px;
    font-size: 0.8em;
    /*background-color: tomato;*/
}

.main-myhtml-content iframe {
    width: 100%;
    height: 100%;
    border: 3px solid var(--d-green);
    border: ridge;
    border-radius: 7px;
}

.main-content.myhtml {
    padding: 10px;
}

.privacy-policy article {
    border-radius: 7px;
    background-color: aliceblue;
    padding: 10px;
    margin-bottom: 20px;
}

.privacy-policy #statistics p {
    font-size: 0.7em;
    padding: 0;
}