@keyframes getfocus{
    from {
        background-size: 100%;
        width: 100vw;
        height: 100vh;
    }
    to {
        background-size: 110%;
        width: 120vw;
        height: 120vh;
    }
}
 

body {
    display: flex; 
    justify-content: center;
}

p, li {
    font-size: 18px;
}

.mdui-prose {
    background: white !important;
    width: 65%;
    padding: 5%;
}

.ol-main > li::marker {
    font-size: 1.875em;
}


img.full {
    width: 100%;
    margin-top: 20px !important;
    height: auto;
}

.img-label {
    border-bottom: 1px solid #d9d9d9;
    max-width: fit-content;
    color: #999;
    padding: 1px;
    text-align: center;
}

.img-container {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.img-container-inline {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.img-container-inline > img {
    margin: 0 !important;
    margin-left: 5% !important;
    margin-right: 5% !important;
}

.img-container-inline > .img-container {
    height: 100% !important;
    margin: 0 !important;
    margin-left: 2% !important;
    margin-right: 2% !important;
}


.img-container-inline > .img-container > img {
    height: 80%;
    margin: 0 !important;
}

.footer {
    color: #999;
    margin-top: 20px;
}