body {
    background-color: #aec6dc40;
}

li {
    margin: 0 0 0 5em;
    list-style-type: decimal;

}

.highlight {
    background-color: yellow;
}

hr {
    margin: .3em 0;
    border: .5px solid black;

}

a:hover iframe {
    display: block;
}

.hidden {
    display: none !important;
}

iframe {
    background-color: white;

    border-radius: 10px;
    aspect-ratio: 16/9;
    position: absolute;
    display: none;
    width: 50vw;
    height: auto;
    z-index: 0;
    pointer-events: none;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    filter: drop-shadow(0px 0px 26px #00000029);
    transform: scale(.5);

}

input[type="search"] {
    width: 80%;
    background-color: rgb(255, 255, 255);
    border: none;
    font-family: "Plantin";
    font-size: 1em;
    border-radius: 3px;
    margin: 0 0 1em 2em;

}


@media only screen and (995px < width <=1500px) {
    aside {
        grid-column: 9 / span 3;

    }

    main {
        padding-top: 1em;
    }

    header>h1 {
        line-height: .9;

        font-size: 200%;
        margin-top: 1em;
    }
}



@media only screen and (width <=995px) {
    body {
        overflow-x: hidden;
    }


    li {
        margin: 0 0 0 2ch;
    }
}