img{
    max-width: 100%;
}
pre {
    background-color: #ddd;
}
div.ogplink {
    margin: 5px 10px;
    padding: 5px;
    border: solid 1px #222;
    border-radius: 4px;
}
.ogplinktitle a{
    font-size: larger;
    color: #000099;
}
.ogplinktitle, .ogplinkcontent {
    margin-bottom: 5px;
}
.balloon{
    position: relative;
    border-radius: 10px;
    color: #000000;
    font-size: large;
    background-color:#efefef;
    margin-bottom: 10px;
    box-shadow: 6px 6px 0px 0px #b7b7b7;
}

.balloontext{
    padding: 15px 10px 10px 10px;
}

.image-balloon.size60{
    min-height: 60px;
    margin-left: 85px;
}
.image-balloon.size60 .icon{
    position: absolute;
    left: -85px;
}
.balloon-image.size60{
    min-height: 60px;
    margin-right: 85px;
}
.balloon-image.size60 .icon{
    position: absolute;
    right: -85px;
}

.image-balloon.size80{
    min-height: 80px;
    margin-left: 105px;
}
.image-balloon.size80 .icon{
    position: absolute;
    left: -105px;
}
.balloon-image.size80{
    min-height: 80px;
    margin-right: 105px;
}
.balloon-image.size80 .icon{
    position: absolute;
    right: -105px;
}

.image-balloon.size100{
    min-height: 100px;
    margin-left: 125px;
}
.image-balloon.size100 .icon{
    position: absolute;
    left: -125px;
}
.balloon-image.size100{
    min-height: 100px;
    margin-right: 125px;
}
.balloon-image.size100 .icon{
    position: absolute;
    right: -125px;
}

.image-balloon::before{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: -13px;
    top: 28px;
    border-right: 13px solid #b7b7b7;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
}
.image-balloon::after{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: -15px;
    top: 20px;
    border-right: 15px solid #efefef;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

.balloon-image::before{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    right: -15px;
    top: 25px;
    border-left: 15px solid #b7b7b7;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}
.balloon-image::after{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    right: -13px;
    top: 20px;
    border-left: 15px solid #efefef;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}