.home#main-content mdui-card{
    width:100%;
    margin:15px 0;
}
.home#main-content h1{
	font-size:28px;
}
.home#main-content{
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 40px;
    max-width: 1200px;
    margin: 0 auto;
    font-size:16px;
    line-height:1.8;
    word-wrap:break-word;
}
@media (min-width: 900px) {
    .home#main-content{
        grid-template-columns: 1fr 1fr;
    }
}
@media (prefers-color-scheme: dark){
    .home#main-content{color-scheme: dark;}
}
@media (max-width:900px) {
    .home#main-content{
        padding-left:30px;
        padding-right:30px;
    }
}

body.withmenuleft .home#main-content{
    display: block;padding-top: 0;
}
:root {
    --skeleton-base: #f0f0f0;
    --skeleton-shine: #f5f5f5;
    --skeleton-back: #ececec;
}
@media (prefers-color-scheme: dark) {
    :root {
        --skeleton-base: #2a2a2a;
        --skeleton-shine: #505050;
        --skeleton-back: #2d2d2d;
    }
}
.skeleton-wrapper{
    max-width: 800px;
    margin: 20px auto;
    padding: 20px;
}
.skeleton{
    background: var(--skeleton-base);
    background: linear-gradient(
        110deg,
        var(--skeleton-back) 8%,
        var(--skeleton-shine) 18%,
        var(--skeleton-back) 33%
    );
    border-radius: 5px;
    background-size: 200% 100%;
    animation: shine 1.5s linear infinite;
}
.skeleton-title {
    height: 73px;
    margin-bottom: 20px;
    width: 100%;
}
.content-wrapper {
    padding: 0 100px;
}
@media (max-width:600px) {
    .content-wrapper {
        padding: 0 20px;
    }
}
.skeleton-paragraph {
    height: 20px;
    margin-bottom: 20px;
    width: 100%;
}
.skeleton-paragraph:nth-child(2) {
    width: 95%;
}
.skeleton-paragraph:nth-child(3) {
    width: 90%;
}
.skeleton-paragraph:nth-child(4) {
    width: 97%;height:40px;
}
.skeleton-paragraph:last-child {
    width: 85%;
}
@keyframes shine {
    to {
        background-position-x: -200%;
    }
}