body, html { margin: 0px; }
@keyframes super-rotation {
  70% { transform: rotate(1787deg); }
  100% { transform: rotate(1760deg); }
}
@keyframes super-rotation {
  70% { transform: rotate(1787deg); }
  100% { transform: rotate(1760deg); }
}
b, body, div, figure, footer, h1, h3, header, html, img, nav, p, span, strong { margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; vertical-align: baseline; background: 0px 0px; }
body { line-height: 1; font-family: sans-serif; }
figure, footer, header, nav { display: block; }
a { margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline; background: 0px 0px; }
* { box-sizing: border-box; }
body { -webkit-font-smoothing: antialiased; position: relative; }
img { max-width: 100%; }
a { color: rgb(184, 139, 88); text-decoration: none; }
.Body { font-size: 16px; line-height: 24px; }
.Body > * { max-width: 980px; }
.Body a { color: inherit; box-shadow: rgb(184, 139, 88) 0px -1px inset; }
.Body a:hover { color: rgb(184, 139, 88); }
.Body p, .Body li { margin-bottom: 15px; font-size: 18px; }
.Body h3 { margin-top: 18px; margin-bottom: 12px; font-size: 21px; font-weight: 700; }
.MaterialMeta { display: inline-block; font-size: 12px; line-height: 14px; color: grey; margin-right: 12px; padding-left: 18px; background-repeat: no-repeat; background-position: left center; background-size: 12px; font-weight: 400; }
@media only screen and (min-width: 48em) {
  .MaterialMeta { font-size: 15px; line-height: 18px; margin-right: 15px; }
}
.MaterialMeta--source { background-position-y: 1px; }
@media only screen and (min-width: 48em) {
  .MaterialMeta--source { background-position-y: 4px; white-space: nowrap; }
}
.MaterialMeta--time { background-size: 12px 12px; }
.MediaMaterialHeader { max-width: 840px; }
.MediaMaterialHeader-title { text-align: center; margin-bottom: 20px; }
.MediaMaterialHeader-first { color: rgb(0, 0, 0); line-height: 27px; }
@media only screen and (min-width: 48em) {
  .MediaMaterialHeader-first { line-height: 38px; }
}
.MediaMaterialHeader-first, .MediaMaterialHeader-separator { transition: color 0.25s ease-out; font-size: 21px; font-weight: 700; }
@media only screen and (min-width: 48em) {
  .MediaMaterialHeader-first, .MediaMaterialHeader-separator { font-size: 36px; }
}
.MediaMaterial-meta { margin-top: 12px; text-align: center; }
@media only screen and (min-width: 48em) {
  .MediaMaterial-meta { margin-top: 12px; }
}
@media only screen and (min-width: 48em) {
  .Body h3 { margin-top: 35px; margin-bottom: 10px; font-size: 26px; line-height: 27px; }
}
.Footer { padding: 10px 0px 5px; color: rgb(255, 255, 255); background-color: rgb(24, 40, 71); }
.ava-img { width: 50px; margin-right: 10px; float: left; vertical-align: middle; }
.Body a { color: rgb(0, 0, 255); }
.Body a:hover { box-shadow: none; }
a:active, a:focus { outline: 0px; }
:focus { outline: 0px; }
button:active, button:focus { outline: 0px !important; }
.of-site:hover { transition: 0.3s; text-decoration: underline; color: rgba(255, 0, 0, 0.72) !important; }
.ord_button { background-color: rgb(250, 61, 61); display: inline-block; padding: 10px 30px; box-shadow: rgb(153, 153, 153) 2px 3px 8px; border-radius: 8px; border: 3px solid rgb(255, 255, 255); margin: 20px 0px 30px; line-height: 27px; text-transform: uppercase; transition: 0.3s ease-in; text-shadow: rgb(86, 86, 86) 1px 1px 0px; font-weight: 500; color: rgb(255, 255, 255) !important; font-size: 22px !important; text-decoration: none !important; }
.ord_button:hover { background-color: rgb(119, 33, 51); box-shadow: rgb(153, 153, 153) 2px 3px 3px; transform: scale(1.1); text-decoration: none !important; }
.icon { font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }
.main-block img { display: block; margin: 0px auto 20px; max-width: 100%; }
.main-block li { margin-bottom: 15px; }
.comments-block img:not(.ava-img) { display: block; width: 100%; max-width: 350px; margin: 15px 0px; }
.btn-main { display: inline-block; margin: 0px auto 20px; padding: 10px 15px; color: rgb(255, 255, 255); background: rgb(0, 0, 255); }
.comments-block > div { margin-bottom: 30px; }
@media screen and (min-width: 321px) and (max-width: 479px) {
  .Body p, .Body li { font-size: 16px; }
  .MediaMaterialHeader-first { font-size: 23px; }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .Body p, .Body li { font-size: 18px; }
  .MediaMaterialHeader-first { font-size: 33px; }
}
@media screen and (min-width: 768px) {
  .Body p, .Body li { font-size: 19px; }
  .MediaMaterialHeader-first { font-size: 36px; }
}
.comment-name, .comment-bottom { margin-left: 65px; font-size: 18px !important; }
.comment-name { font-weight: 700; }
.first-logo { display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; }