/* opengraph by antares v2.0 */

.opengraph {
    border: 1px solid grey;
    width:90%;
    margin:auto;
    padding:1%;
}
@media only screen and (max-width: 768px) {
    .opengraph img {
        width: 100%;
        height: 25vh;
        object-fit: contain;
    }
}
@media only screen and (min-width: 768px) {
    .opengraph {
        display:flex;
    }
    .opengraph img {
        width:25%;
        float:left;
        object-fit: cover;
    }
}
.opengraph .text {
    padding:1%;
    padding-left:2%;
}
.opengraph .text .title {
    font-size: 1.10em;
    font-weight:bold;
    padding-bottom:1%;
}
.opengraph p {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.opengraph .text a.title  {
    text-decoration:none;
}
.opengraph p.domain {
    font-variant:small-caps;
}

/*example: 

<div class="opengraph">
<img src="https://antares.neocities.org/microblog/img-full/nioh-video1.jpg"/>
  <div class="text">
    <p class="domain">video.hardlimit.com</p>
    <a class="title" href="https://video.hardlimit.com/w/oCsnafxhftFX3fSHSvfNmP">My Stupid Build vs Hundred Eyes (Nioh) [NG+]</a>
    <p class="description">
    Unlike other games, I couldn't reliably record Nioh. I fooled around until I could get a passable recording. This is my Ki Damage loadout...
    </p>
  </div>
</div>
*/