main {
    margin-top: 1em;
    margin-right: 1em;
}

main>details {
    grid-column: 3/-1;
}

main>details p {

    margin: .5em;
    outline: 1px dashed black;
    padding: .5em;
    border-radius: 2px;
    max-width: 70ch;
    font-size: 100%;

}


details>summary {
    cursor: s-resize;
}

details[open]>summary {}

details {
    border: 1px solid gray;
    border-radius: 0.2rem;
    padding: 0.5rem;
}

details[open]>summary {
    margin-bottom: 0.5rem;
}

iframe {
    grid-column: 3/-1;

}

#gritter-container .bottom {
    opacity: 0 !important;
}

#chaticon.visible {
    display: none !important
}

@media only screen and (995px < width <=1500px) {
    main>details {

        grid-column: 1/-1;
    }

    main {
        margin-top: 0em;
        margin-right: 0em;
    }
}




@media only screen and (width <=995px) {
    main>details {

        grid-column: 1/-1;
    }

    main {
        margin-top: 1em;
        margin-right: 0em;
    }
}