@font-face{font-family:BaseFont;font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/DotGothic16-Regular.ttf) format('truetype')}body,html{--light-color:hsl(40deg, 1%, 98%);--base-color:hsl(40deg, 1%, 90%);--middle-color:hsl(40deg, 1%, 83%);--shadow-color:hsl(40deg, 1%, 70%);--dark-color:hsl(40deg, 1%, 35%);--smaller-padding:10px;--small-padding:15px;--base-padding:20px;--big-padding:30px;--biger-padding:100px;--small-font:13px;--base-font:16px;--big-font:25px}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;text-decoration:none;border:none;background:0 0;font-family:BaseFont,sans-serif;font-size:var(--base-font);font-weight:400;color:var(--dark-color);box-sizing:border-box}body,html{width:100%;height:100%;background:var(--base-color);overflow-x:hidden;overflow-y:auto}main{width:100%;min-height:100%}article{width:100%;max-width:680px;margin:0 auto}article.thumb{padding:var(--base-padding) 0}article.thumb>img{width:100%;height:auto;margin:var(--big-padding) 0;display:block;border:solid 1px var(--middle-color);border-radius:30px;box-shadow:2px 2px 3px var(--shadow-color),-2px -2px 2px var(--light-color)}@media only screen and (max-width:680px){article.thumb>img{border-radius:0}}article.content{padding:var(--base-padding)}article.content>h2{font-size:var(--big-font);margin:var(--big-padding) 0}article.content>a{width:100%;height:auto;padding:var(--base-padding);margin:var(--base-padding) 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--middle-color);border-bottom:1px solid var(--middle-color)}article.content>a::after{content:'>';width:30px;padding-left:var(--base-padding);font-size:var(--base-font)}article.content>a:hover{background:var(--middle-color)}article.content>img{width:100%;height:auto;margin:var(--base-padding) 0;display:block;box-sizing:content-box;border-radius:30px;border:1px solid var(--middle-color)}footer{width:100%;margin-top:100px;padding-top:var(--biger-padding);padding-bottom:var(--big-padding);text-align:center}footer>div.menu{width:100%;max-width:680px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}footer>div.menu>a{padding:0 var(--smaller-padding);margin-left:-1px;display:block;border-left:solid 1px var(--dark-color);border-right:solid 1px var(--dark-color);font-size:var(--small-font)}footer>div.menu>a:hover{text-decoration:underline}footer>div.copyright{padding-top:var(--small-padding);font-size:var(--base-font)}