.Blog{display:flex;flex-direction:column;height:100%}.Blog .BlogContent{flex:1;font-size:20px;font-family:Arial,sans-serif;padding:10px}.Blog .BlogContent img{user-select:none;align-self:center;margin:auto;padding-top:.5em;padding-bottom:.5em}.Blog .BlogContent a{color:#08c;font-weight:700;text-decoration:underline}.Blog .BlogContent em{text-decoration:underline;font-style:normal}.Blog .BlogContent p{margin-top:.2em;margin-bottom:.2em}.Blog .BlogContent ul{list-style-type:disc;list-style-position:inside}@media(min-width:600px){.Blog .BlogContent{font-size:22px;padding-left:20px;padding-right:20px}}@media(min-width:800px){.Blog .BlogContent{font-size:24px;padding-left:5vw;padding-right:5vw}.Blog .BlogContent img{max-width:80vw}}@media(min-width:1000px){.Blog .BlogContent{font-size:26px;padding-left:10vw;padding-right:10vw}.Blog .BlogContent img{max-width:60vw}}@media(min-width:1200px){.Blog .BlogContent{font-size:calc(26px + .1vmin);padding-left:15vw;padding-right:15vw}.Blog .BlogContent img{max-width:40vw}}.Blog .BlogContent .Title{font-size:1.6em;font-weight:700;text-decoration:underline}.Blog .BlogContent .PublishTime{font-size:1em;color:#333;margin-bottom:10px}.Blog .BlogContent h2{font-size:1.5em;font-weight:700;margin-top:1em}.Blog .BlogContent h3{font-size:1.2em;margin-top:.5em;margin-bottom:.5em;text-decoration:underline dotted #aaa}