.topContainer {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .navContainer {
        display: flex;
        justify-content: space-between;
        width: 100vw;

    }

    body {
        font-family: Arial, Helvetica, sans-serif;
        background-image: url('/assets/ins111.webp');
        margin: 0px;
        margin: 0px;
        font-size: 1rem;
        background-attachment: fixed;
        background-size: contain
    }

    .menubutton {
        display: none;
    }

    .msgTop {
        background-color: blanchedalmond;
        width: 92vw;
        padding: 5px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 5px;
        display: none;
    }

    .underline {
        border-bottom: 5px solid red !important;
    }

    .msgClose {
        border: 1px solid #eee;
        color: red;
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .mainWrapper {
        width: 100vw;
        height: 100vh;
        display: flex;
        justify-content: center;
        padding: 8px 0px;
    }

    .mainContainer {
        background-color: grey;
        display: flex;
        flex-direction: column;
        width: 88vw;
        background: rgba(0, 0, 0, 0.7);
        height: fit-content;
    }

    .summaryContent {
        display: flex;
        flex-direction: column;
    }

    .linktext {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .frontsummary a {
        text-decoration: none;
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .frontsummary a div {
        background-color: #f9c3b2;
        margin-top: 5px;
    }

    .summaryText {
        flex-grow: 1;
    }

    .summaryImage {
        display: flex;
        flex-wrap: wrap;
        justify-content: end;
        align-content: flex-start;
    }

    details {
        border: 1px solid #aaa;
        padding: 0.5em 0.5em 0;
        margin: 10px;
        background-color: whitesmoke;
        opacity: 0.9 !important;
        z-index: 999;
    }

    summary {
        font-weight: bold;
        margin: -0.5em -0.5em 0;
        padding: 0.5em;
    }

    details[open] {
        padding: 0.5em;
    }

    details[open] summary {
        border-bottom: 1px solid #aaa;
        margin-bottom: 0.5em;
    }

    nav {
        background-color: #333;
    }

    .ul {
        margin: 0;
        padding: 0;
        overflow: hidden;
        display: flex;
    }

    .li a {
        display: block;
        color: #aaa;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        background-color: #333;
    }

    .li a:hover {
        background-color: #111;
    }

    .item {
        display: inline-block;
    }

    @media (hover: none) {

        .item {
            display: none;
        }

        .navContainer {

            flex-direction: column;
        }

        .ul {
            flex-direction: column;
        }

        .menubutton {
            display: inline-block;
            background-color: #333;

        }
    }

    .menuicon {
        padding: 5px;
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 034);
    }

    .menubutton > a {
        display: flex;
        justify-content: center;
        background-color: #333 !important;
        padding: 5px;
    }

    .summaryImage img {
        width: 150px;
        height: 125px;
        padding: 2px;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    .ulwrapper {
        padding-left: 10px;
    }

    .pagination {
        max-width: 350px;
        margin: 5px;
        display: flex;
    }

     .pagebutton.current {
        background: #007bff;
    }

    .pagebutton {
        padding: 1px 6px;
        color: buttontext;
        background-color: buttonface;
        text-decoration: none;
        max-width: 350px;
        display: flex;
        margin: 0px 2px;
        width: 30px;
        height: 30px;
        justify-content: center;
        align-items: center;
    }