.dump{ font-family:'Consolas',monospace; background-color:#e9ecef;} .dump samp{ font:inherit;} .dump .i{ color:#c00;} .dump .f{ color:#c0c;} .dump .s{ color:#00c;} .dump .s::after, .dump .a::after{ content:attr(data-length);color:#99f;}  button{ color:inherit; padding:0; font-family:inherit; font-size:inherit; line-height:inherit; background-color:transparent; border:none;} button::-moz-focus-inner{ border-style:none;} .button{ background-color:transparent; padding:0.5rem 1rem; border:0.125rem solid transparent; border-radius:0.25rem; cursor:pointer;} a[href].button{ user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; display:inline-block;} a[href].button:hover{ text-decoration:none;} a[href].button:focus{ outline:0;} .primary-button{ color:#fff; background-color:#007bff; border-color:#007bff;} a[href].primary-button{ color:#fff;} .primary-button:hover{ background-color:#0069d9; border-color:#0069d9;} .primary-button:focus{ box-shadow:0 0 0 0.25rem rgba(38,143,255,0.5);} .secondary-button{ color:#fff; background-color:#6c757d; border-color:#6c757d;} a[href].secondary-button{ color:#fff;} .secondary-button:hover{ background-color:#5a6268; border-color:#5a6268;} .secondary-button:focus{ box-shadow:0 0 0 0.25rem rgba(130,138,145,0.5);} .primary-outline-button{ color:#007bff; border-color:#007bff;} a[href].primary-outline-button{ color:#007bff;} .primary-outline-button:hover{ color:#0069d9; background-color:#e1eefc; border-color:#0069d9;} a[href].primary-outline-button:hover{ color:#0069d9;} .primary-outline-button:focus{ box-shadow:0 0 0 0.25rem rgba(38,143,255,0.5);} .secondary-outline-button{ color:#6c757d; border-color:#6c757d;} a[href].secondary-outline-button{ color:#6c757d;} .secondary-outline-button:hover{ color:#5a6268; background-color:#edeeef; border-color:#5a6268;} a[href].secondary-outline-button:hover{ color:#5a6268;} .secondary-outline-button:focus{ box-shadow:0 0 0 0.25rem rgba(130,138,145,0.5);} .primary-light-button{ color:#007bff;} a[href].primary-light-button{ color:#007bff;} .primary-light-button:hover{ color:#0069d9; background-color:#e1eefc;} a[href].primary-light-button:hover{ color:#0069d9;} .primary-light-button:focus{ box-shadow:0 0 0 0.25rem rgba(38,143,255,0.5);} .secondary-light-button{ color:#6c757d;} a[href].secondary-light-button{ color:#6c757d;} .secondary-light-button:hover{ color:#5a6268; background-color:#edeeef;} a[href].secondary-light-button:hover{ color:#5a6268;} .secondary-light-button:focus{ box-shadow:0 0 0 0.25rem rgba(130,138,145,0.5);} @keyframes animated-button{ 0%{ background-position:1rem 0;} 50%{ border-radius:0.5rem;} 100%{ background-position:0 0;}} .animated-button{ background-image:linear-gradient(45deg,rgba(255,255,255,0.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15)50%,rgba(255,255,255,0.15)75%,transparent 75%,transparent); background-size:1rem 1rem; border-style:dotted; animation:animated-button 1s linear infinite;}  label{ display:block; margin-top:0.5rem; margin-bottom:0.5rem;} input, textarea{ display:block; padding:0; color:inherit; font-family:inherit; font-size:inherit; line-height:inherit;} textarea{ margin-top:0; margin-bottom:0; height:8.75rem;resize:vertical;} textarea.ctrl-enter{} .change-case{} .text-control{ margin-top:0.5rem; margin-bottom:0.5rem; width:100%; padding:0.5rem; border:0.125rem solid #ced4da; border-radius:0.25rem;} .text-control:focus{ border-color:#80bdff; box-shadow:0 0 0 0.25rem rgba(0,123,255,0.25);} .text-control.is-valid{ border-color:#28a745;} .text-control.is-valid:focus{ box-shadow:0 0 0 0.25rem rgba(40,167,69,0.25);} .text-control:invalid, .text-control.is-invalid{ border-color:#dc3545; box-shadow:none;} .text-control:invalid:focus, .text-control.is-invalid:focus{ box-shadow:0 0 0 0.25rem rgba(220,53,69,0.25);} .check-control{ position:relative; margin-top:0.5rem; margin-bottom:0.5rem; min-height:1.25rem; padding-left:1.75rem;} .check-control input{ position:absolute; z-index:-1; opacity:0;} .check-control label{ position:relative; margin-top:0; margin-bottom:0;} .check-control label::before{ position:absolute; display:block; top:0; left:-1.75rem; width:1.25rem; height:1.25rem; content:''; background-color:#fff; border:0.125rem solid #ced4da;} .check-control label::after{ position:absolute; display:block; top:0; left:-1.75rem; width:1.25rem; height:1.25rem; content:''; background:no-repeat 50%/50% 50%;} .check-control input:focus+label::before{ border-color:#80bdff; box-shadow:0 0 0 0.25rem rgba(0,123,255,0.25);} .check-control input:checked+label::before{ background-color:#007bff; border-color:#007bff;} .check-control input.is-invalid+label::before{ border-color:#dc3545;} .check-control input.is-invalid:checked+label::before{ background-color:#dc3545;} .check-control input.is-invalid:focus+label::before{ box-shadow:0 0 0 0.25rem rgba(220,53,69,0.25);} .checkbox-check-control label::before{ border-radius:0.25rem;} .checkbox-check-control input:checked+label::after{ background-image:url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8"%3e%3cpath fill="%23fff" d="M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z"/%3e%3c/svg%3e');} .radio-check-control label::before{ border-radius:0.625rem;} .radio-check-control input:checked+label::after{ background-image:url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="-4 -4 8 8"%3e%3ccircle r="3" fill="%23fff"/%3e%3c/svg%3e');} .switch-check-control{ padding-left:2.5rem;} .switch-check-control label::before{ left:-2.5rem; width:2rem; border-radius:0.625rem;} .switch-check-control label::after{ top:0.25rem; left:-2.25rem; width:0.75rem; height:0.75rem; background-color:#007bff; border-radius:0.5rem; transition: transform 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;} .switch-check-control input.is-invalid+label::after{ background-color:#dc3545;} .switch-check-control input:checked+label::after{ background-color:#fff; transform:translateX(0.75rem);} .pseudo-control{ padding:0.5rem; background-color:#e9ecef; border:0.125rem solid #ced4da; border-radius:0.25rem; text-align:center;} .form-text{ display:block; margin-top:0.5rem; margin-bottom:0.5rem; color:#6c757d;} .control-group{ display:flex; flex-direction:column; margin-top:0.5rem; margin-bottom:0.5rem;} .control-group-item{ margin-top:0; margin-bottom:0;} .control-group-item:not(:last-child){ border-bottom-left-radius:0; border-bottom-right-radius:0;} .control-group-item:not(:first-child){ border-top-left-radius:0; border-top-right-radius:0; margin-top:-0.125rem;} .control-group>.text-control{ text-align:center;} .control-group>.button{ z-index:1;} @media(min-width:576px){ .control-group{ flex-direction:row;} .control-group-item:not(:last-child){ border-bottom-left-radius:0.25rem; border-top-right-radius:0; border-bottom-right-radius:0;} .control-group-item:not(:first-child){ border-top-right-radius:0.25rem; border-top-left-radius:0; border-bottom-left-radius:0; margin-top:0; margin-left:-0.125rem;} .control-group>.text-control{ width:1%; flex:1 1 auto; text-align:left;}} .form-group{ margin:1rem;} .form-lang-group{ margin-top:1rem; margin-bottom:1rem; display:flex;} .form-lang-group .form-group{ width:50%; margin-top:0; margin-bottom:0; flex-grow:1;} .form-lang-group .form-group label{ margin-top:0;} .form-lang-group .form-group .text-control{ margin-bottom:0;}  ul, ol{ margin-top:0; margin-bottom:0; padding-left:0; list-style:none; margin:1rem;} ol{ counter-reset:list;} ul li{ margin-left:1rem;} ul ul, ol ol{ margin-left:0; margin-right:0;} li, ul ul, ol ol{ margin-top:0.5rem; margin-bottom:0.5rem;} ul li::before{ position:absolute; margin-left:-1rem; margin-top:0.5rem; width:0.5rem; height:0.5rem; content:''; background-color:#6c757d;} ul ul li::before{ background-color:#ced4da;} ol li::before{ margin-right:0.5rem; padding-left:0.25rem; padding-right:0.25rem; border-radius:0.25rem; color:#fcfcfc; background-color:#6c757d; counter-increment:list; content:counters(list,'.'); font-weight:bold;} .inline-list{ margin:1rem;} .inline-list>*{ display:inline; margin-right:1rem;} .inline-block-list{ margin:1rem 0 1rem 1rem;} .inline-block-list>*{ display:inline-block; margin-right:1rem;} .flex-list{ display:flex; flex-wrap:wrap; margin:-0.5rem!important;} .flex-list>*, .flex-list-item{ margin:0.5rem!important;} .flex-box{ display:flex; flex-wrap:wrap;} .flex-box-item{ flex-basis:100%;} @media(min-width:576px){ .flex-box-item{ }} @media(min-width:768px){ .flex-box-item{ flex-basis:50%;}} @media(min-width:992px){ .flex-box-item{ }} @media(min-width:1200px){ .flex-box-item{ flex-basis:33%;}} .admin-list{ float:right; } .admin-list a{ float:left; padding:0.5rem;} .admin-list a i{ display:block; width:18px; height:18px; background-image:url('/html.svg'); opacity:0.6;} .admin-list a.add i{ background-position:-40px 0;} .admin-list a.edit i{ background-position:-220px 0;} .admin-list a.delete i{ background-position:-60px 0;} .admin-list a:hover i{ opacity:0.8;} .admin-list>input[type=checkbox]{ display:none;}  table{ border-collapse:collapse;} th, td{ padding:0.5rem 1rem; border-top:0.125rem solid #e9ecef; vertical-align:top;} tr:first-child th, tr:first-child td{ border-top:none;} th{ text-align:inherit;} thead th{ vertical-align:bottom; } thead+tbody tr:first-child th, thead+tbody tr:first-child td{ border-top:0.125rem solid #ced4da;} tfoot td{ vertical-align:top;} tfoot tr:first-child th, tfoot tr:first-child td{ border-top:0.125rem solid #ced4da;} tr.no-top-border td, td.no-top-border{ border-top:none;} td.no-left-padding,td.no-lp{ padding-left:0;} td.no-right-padding,td.no-rp{ padding-right:0;} td.no-vp{ padding-top:0; padding-bottom:0;} td.no-hp{ padding-left:0; padding-right:0;} .table-wrapper{ margin-top:1rem; margin-bottom:1rem; overflow-x:auto;} .heading-row{ font-size:0.75rem; text-transform:uppercase; color:#6c757d;}  *, *::before, *::after{ box-sizing:border-box;} body{ margin:0; line-height:1.5; font-family:'Merriweather',sans-serif; font-size:1rem; color:#212529; background-color:#fcfcfc;}h1, h2, h3, h4{ margin:1rem;} h1{ font-size:1.95rem;} h2{ margin-top:3rem; font-size:1.56rem;} h3{ margin-top:2rem; font-size:1.25rem;} p, .p{ display:block; margin:1rem;} pre{ font-family:'Consolas',monospace; background-color:#e9ecef; padding:1rem; overflow-x:auto;} blockquote{ position:relative; margin:1rem 2.3rem; color:#6c757d;} blockquote::before, blockquote::after{ position:absolute; font-size:1.95rem; line-height:1;} blockquote::before{ left:-1.3rem; top:0;} html[lang=en] blockquote::before{ content:'“';} html[lang=ru] blockquote::before{ content:'«';} blockquote::after{ right:-1.3rem; bottom:0;} html[lang=en] blockquote::after{ content:'”';} html[lang=ru] blockquote::after{ content:'»';} .blockquote-footer{ text-align:right; font-size:1rem;} .blockquote-footer::before{ content:"\2014\00A0";} .info{ position:relative; padding-top:3rem; background:antiquewhite; overflow:hidden;} @media(min-width:576px){ .info{ min-height:4rem; padding-left:3rem; padding-top:0;}} .info::before{ content:'i'; position:absolute; left:50%; top:1rem; margin-left:-1rem; width:2rem; height:2rem; color:antiquewhite; background-color:#f90; border-radius:1rem; text-align:center; font-weight:bold; line-height:2rem;} @media(min-width:576px){ .info::before{ left:1rem; margin-left:0;}} small{ font-size:0.8rem; } s{ text-decoration:none; font-size:0.8rem; opacity:0.6;} code{ font-family:'Consolas',monospace; color:#fcfcfc; background-color:#6c757d; padding-left:0.25rem; padding-right:0.25rem; border-radius:0.25rem;} kbd{ display:inline-block; min-width:1.5rem; text-align:center; background-color:#fff; padding-left:0.25rem; padding-right:0.25rem; border:1px solid #ced4da; border-radius:0.25rem; font:inherit; white-space:nowrap;} q{ color:#6c757d;} html[lang=en] q::before{ content:'“';} html[lang=ru] q::before{ content:'«';} html[lang=en] q q::before{ content:'‘';} html[lang=ru] q q::before{ content:'„';} html[lang=en] q::after{ content:'”';} html[lang=ru] q::after{ content:'»';} html[lang=en] q q::after{ content:'’';} html[lang=ru] q q::after{ content:'“';} a[href]{ color:#007bff; text-decoration:none;} a[href]:hover{ color:#0069d9; text-decoration:underline;} a.js[href]{ border-bottom:1px dashed;} a.js[href]:hover{ text-decoration:none;} img{ max-width:100%; vertical-align:middle;} figure{ margin:1rem; text-align:center;} figcaption{ margin-top:0.5rem; color:#6c757d;} .no-border{ border:none;} .container{} .container::before, .container::after{ display:flex; content:'';} @media(min-width:576px){ .container{ margin-left:auto; margin-right:auto; max-width:540px;}} @media(min-width:768px){ .container{ max-width:720px;}} @media(min-width:992px){ .container{ max-width:960px;}} @media(min-width:1200px){ .container{ max-width:1140px;}} .invalid-feedback{ margin-top:0.25rem; margin-bottom:0.25rem; color:#dc3545; } .bold-fw{ font-weight:bold; } .invisible{ display:none!important;} .breadcrumbs{ margin:1rem; margin-bottom:0;} .heading .breadcrumbs a[href]{ color:#fff;} .breadcrumbs a[href]{ opacity:0.8;} .breadcrumbs a[href]:hover{ opacity:1; text-decoration:none;} .breadcrumbs a::after{ margin-left:0.5rem; margin-right:0.5rem; opacity:0.4; content:'\\';} .breadcrumbs+h1{ margin-top:0;} .center-ta{ text-align:center;} .right-ta{ text-align:right;} .nowrap-ws{ white-space:nowrap;} .text-truncate{ overflow-x:hidden; text-overflow:ellipsis; white-space:nowrap; } .result{ overflow:hidden; background-color:#cfc; } .result.hidden{ display:none; } .modal{ outline:1px dashed red; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); display:flex; flex-direction:column; justify-content:center;} @media(min-width:576px){ .modal{ align-items:center;}} .modal-window{ background-color:#fcfcfc; overflow:hidden;} @media(min-width:576px){ .modal-window{ min-width:400px; border-radius:0.5rem;}} .modal-close{ float:right; padding:1rem; font-size:1.95rem; line-height:1rem; } .modal-close:hover{ opacity:0.8;} .modal-close:focus{ opacity:0.8;} .modal-title{ margin:1rem; font-size:1.25rem; font-weight:bold;} .modal-description{ margin:1rem;} .badge{ color:#fff; background-color:#333; padding:0 0.25rem; border-radius:0.25rem;} a[href].badge{ color:#fff;} a[href]:hover.badge{ text-decoration:none;} .secondary-badge{ background-color:#6c757d;} .danger-badge{ background-color:#dc3545;} .tiny-badge{ font-size:0.8rem; padding:0 0.125rem; color:#fff; background-color:#999; border-radius:0.125rem;} [class$=-lang]{ padding-left:23px; background:url()left no-repeat; background-size:18px;} .en-lang{ background-image:url('/files/langs/en.png');} .ru-lang{ background-image:url('/files/langs/ru.png');} .http{ text-align:center; font-weight:bold; font-size:10rem; text-shadow:0 0 1.0rem #ccc; color:#fcfcfc; padding-bottom:3rem; line-height:1;overflow:hidden;} @media(min-width:576px){ .http{ font-size:14rem; text-shadow:0 0 1.4rem #ccc;}} @media(min-width:768px){ .http{ font-size:18rem; text-shadow:0 0 1.8rem #ccc;}} @media(min-width:992px){ .http{ font-size:25rem; text-shadow:0 0 2.5rem #ccc;}} @media(min-width:1200px){ .http{ font-size:30rem; text-shadow:0 0 3.0rem #ccc;}} var{font-style:normal;font-weight:bold;} .external-links a[href][target=_blank]{ padding-right:16px; background:url('/files/external.svg')right no-repeat; background-size:12px;} .cutline{ margin-top:-0.75rem; color:#6c757d;} .muted-text{ color:#6c757d;} .shadow{ box-shadow:0 0 0.5rem rgba(0,0,0,0.25);} .discussion-item__reaction_like::before{ background-image:url("//yastatic.net/s3/web4static/_/v2/Q_7OmljOyz0ExU1LOK9RLo8rk38.svg"),url("//yastatic.net/s3/web4static/_/v2/dy_iK9FWzMAT9nwzcsjRUJtF1Jk.svg"),url("//yastatic.net/s3/web4static/_/v2/lLsP5NgW5NNN9t8WqBRPRVNQ7uw.svg"); } .discussion-item__reaction_dislike::before{ background-image:url("//yastatic.net/s3/web4static/_/v2/w-X5sR9aTsf0pkYyI03Lb8Xgswo.svg"),url("//yastatic.net/s3/web4static/_/v2/y2jm6IndwnUzzBw9GC2Ei3-c-x4.svg"),url("//yastatic.net/s3/web4static/_/v2/Krj-sEtZdQVwIJEAn1sbH1jgu64.svg"); } .discussion-item__reaction_comment::before{ background-image:url("//yastatic.net/s3/web4static/_/v2/uE2n2GaUcAoQ0L2FUF0ReNHvepc.svg"); }  img[data-sprite|=html]{ background:url(/html.png?1614427309)no-repeat; background-size:32px 278.5px;} img[data-sprite=html-chat-balloon]{ width:16px; height:12px; background-position:0 -0px;} img[data-sprite=html-chat-image-ok]{ width:32px; height:33.5px; background-position:0 -12px;} img[data-sprite=html-chat-image]{ width:32px; height:32px; background-position:0 -45.5px;} img[data-sprite=html-email]{ width:32px; height:32px; background-position:0 -77.5px;} img[data-sprite=html-key]{ width:19px; height:11.5px; background-position:0 -109.5px;} img[data-sprite=html-mark-negative]{ width:19.5px; height:16px; background-position:0 -121px;} img[data-sprite=html-mark-positive]{ width:19px; height:16px; background-position:0 -137px;} img[data-sprite=html-search]{ width:11.5px; height:11.5px; background-position:0 -153px;} img[data-sprite=html-share-fb]{ width:16px; height:16px; background-position:0 -164.5px;} img[data-sprite=html-share-gp]{ width:16px; height:16px; background-position:0 -180.5px;} img[data-sprite=html-share-mm]{ width:16px; height:16px; background-position:0 -196.5px;} img[data-sprite=html-share-ok]{ width:16px; height:16px; background-position:0 -212.5px;} img[data-sprite=html-share-tw]{ width:16px; height:16px; background-position:0 -228.5px;} img[data-sprite=html-share-vk]{ width:16px; height:16px; background-position:0 -244.5px;} img[data-sprite=html-share]{ width:15px; height:18px; background-position:0 -260.5px;}  main .container{ background-color:#fcfcfc;} @media(min-width:576px){ main .container{ } .heading+.container{ border-top-left-radius:0.5rem; border-top-right-radius:0.5rem; overflow:hidden; }} body{ } .errmsg{ text-align:center;} .errmsg .http{ background:#ccc url('/files/error-pattern.webp')top center; } header{ } @media(min-width:576px){ header{ }} @media(min-width:768px){ header{ }} @media(min-width:992px){ header{ }} @media(min-width:1200px){ header{ }} .header-menu{ display:flex; flex-direction:row; flex-wrap:wrap; } @media(min-width:576px){ .header-menu{ border-bottom-left-radius:0.5rem; border-bottom-right-radius:0.5rem; }} .header-menu-group{ display:flex; flex-wrap:wrap; align-items:center; padding-left:0.5rem; padding-right:0.5rem;} .header-menu-group:first-child{ margin-right:auto;} .header-menu a{ display:block; padding:0.5rem; white-space:nowrap;} .header-menu a[href]{ color:#212529;} .header-menu a[href]:hover{ color:#6c757d; text-decoration:none;} .header-menu a[href]:hover .svg{ filter:invert(40%);} .header-logo{ font-size:1.25rem; font-variant:small-caps; text-transform:lowercase; letter-spacing:0.125rem; font-family:sans-serif;} .header-menu .search-svg, .header-menu .user-svg{ margin-right:0.5rem;} .header-label{ display:none;} @media(min-width:530px){ .header-label{ display:inline;}} .header-user-name{ max-width:10rem;} .header-balloon{ position:absolute; left:0; right:0; z-index:2; background-color:#fcfcfc; box-shadow:0 0 0.5rem rgba(0,0,0,0.25);} @media(min-width:576px){ .header-balloon{ margin-top:0.5rem; border-radius:0.5rem;}} .header-balloon-header{ padding:0.5rem 0; border-bottom:1px solid #ccc; display:flex; flex-wrap:wrap;} .header-balloon-header h4{ margin-top:0; margin-bottom:0; margin-right:auto; padding:0.5rem 0;} .header-balloon-header .ul{ display:flex; flex-wrap:wrap;} .header-balloon-header a{ display:block; padding:0.5rem 1rem;} .header-balloon-header a[href]:hover{ text-decoration:none;} .menuitems{ padding:0.5rem 0;} .menuitems a{ display:block; padding:0.5rem 1rem;} .menuitems a[href]:hover{ text-decoration:none; background-color:#e9ecef;} .menuitems a.active{ color:#fff; background-color:#007bff;} .menuitems div{ } .menuitems div a{ margin-left:2rem;} .menuitems div a[href]{ color:#6c757d;} .menuitems div a[href]:hover{ color:#5a6268;} .-menu{ padding:0.5rem 0;} .-menu a{ display:block; padding:0.5rem 1rem;} .-menu a[href]:hover{ text-decoration:none; background-color:#e9ecef;} main{ } @media(min-width:576px){ main .container:first-child{ }} @media(min-width:768px){ main .container:first-child{ }} @media(min-width:992px){ main .container:first-child{ }} @media(min-width:1200px){ main .container:first-child{ }} .heading{ background-color:#2ea4cf!important;} @media(min-width:576px){ .heading{ background-color:transparent!important;}} main{ } footer{ margin-top:50px; padding-top:100px; padding-bottom:3rem; color:#fff; background-color:#333;} footer section:first-child{ margin-top:-80px;} .secondary-menu{ display:flex; flex-wrap:wrap; } .secondary-menu>div{ } .secondary-menu h4{ } .secondary-menu a{ display:block; padding:0.5rem 1rem; } .secondary-menu a[href]{ color:#fff;} .secondary-menu a[href]:hover{ opacity:0.8; text-decoration:none;} .social-networks{ display:flex; flex-wrap:wrap;} .social-networks a{ display:block; padding:0.5rem 1rem;} .social-networks img{ width:32px;} .svg{ display:inline-block; width:1.25em; height:1.25em; vertical-align:middle; background-size:100%;} .menu-svg{ background-image:url('/files/menu.svg');} .search-svg{ background-image:url('/files/magnifier.svg');} .user-svg{ background-image:url('/files/avatar.svg');} .meta-wrapper{ color:#6c757d; padding:0.5rem; border-bottom:1px solid #ced4da;} .headers{ margin:0.5rem; font-family:'Consolas',monospace;} .meta{ } .meta>*{ margin:0.5rem;} @media(min-width:576px){ .meta-og-image{ float:left; margin:0 0 0 0.5rem;}} .meta-og-image img{ width:6rem; filter:grayscale(100%); opacity:0.5;} .meta-title{ font-weight:bold;} .meta-description{} .meta-noncanonical, .meta-noindex{ text-decoration:line-through; letter-spacing:0.5rem;} @media(min-width:576px){ .meta-og-image ~ *{ margin-left:7rem;}}