body { font-size: 1.2vmax; margin: 0px auto; background-color: #f0f0f6; font-family: 'lato'; background-image: url('/imgs/asfalt.png'); }
.bodyDiv { top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; margin: 0px; padding: 0px; }
.header { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 95%; padding: 0px; padding-left: 1.8%; border: 0px; border-bottom: 2px double black; background-color: #e0e0ef; background-image: url('/imgs/tile.png'); z-index: 1000; }
.hdrTopicBar { position: absolute; bottom: 0%; width: 80%; transform: translateY(50%); }
.hdrTopic { margin: 0px; margin-left: 1%; margin-right: 1%; padding: 0.36%; font-family: 'Acme'; color: #33cc33; transform: skew(-3deg,0deg); border: 1px solid black; border-radius: 0 18% 0 18%; background-color: #698169; font-size: 1.8vmax; display: inline-block; background-image: url('/imgs/linen.png'); }
.hdrTopic:hover { cursor: pointer; transform: skew(-3deg,0deg) scale(1.08); color: #33ff33; }
.hdrTopic:active:hover { cursor: pointer; transform: skew(-3deg,0deg) scale(1.2); border-radius: 0 21% 0 21%; background-color: #699369; color: #00ff00; }
.hdrSocialBar { position: absolute; top: 0px; bottom: 0px; right: 0px; width: 80%; }
.hdrSocial { float: right; margin: 0px; margin-left: 0.3%; margin-right: 0.3%;  height: 100%; padding-top: 0.5%;  }
.hdrSocial:hover { cursor: pointer; transform: rotate(3deg); }
.hdrSocial:active:hover { cursor: pointer; transform: rotate(-3deg); }  
.content { position: absolute; top: 6%; margin: 3%; margin-top: 0.3%; width: 93%; padding: 0.5%; }
.intro { border: 1px solid #909099; border-radius: 9px; padding: 0.63%; background-color: rgba(252, 255, 252, 0.45); background-image: url('/imgs/brushed.png'); box-shadow: 1px 1px #909099; }
.firstWord { font-size: 3.6vmax; font-family: 'Dancing Script'; }
.fotter { position: fixed; top: 97%; left: 0px; right: 0px; bottom: 0px; padding: 0.3%; border: 0px; border-top: 1px solid black; font-size: 0.69vmax; background-color: #e0e0ef; text-align: center; background-image: url('/imgs/tile.png'); z-index: 1000; }
.maxHImg { width: auto; max-height: 72%; }
.InTextLink { color: #3333cc; text-decoration: underline; font-style: italic; }
.InTextLink:hover { cursor: pointer; }
.loader {margin: 9% auto; border: 0.3vw solid #f3f3f3; border-top: 0.3vw solid blue; border-radius: 50%; width: 3%; font-size: 2.3vw; animation: spin 2s linear infinite; }
@keyframes spin {
  0% { transform: rotate(0deg); border-top: 0.3vw solid blue; }
  25% { transform: rotate(150deg); border-top: 0.3vw solid green; }
  50% { transform: rotate(180deg); border-top: 0.3vw solid blue; }
  75% { transform: rotate(330deg); border-top: 0.3vw solid green; }
  100% { transform: rotate(360deg); border-top: 0.3vw solid blue; }
}
[v-cloak] { display: none; }
.vertGradLine { border: 0px; padding: 0px; margin: 0px; background-image: radial-gradient(circle, rgba(0, 0, 0, 1), rgba(255, 255, 255, 0)); font-size: 9%; margin: 0px; margin-left: 3%; margin-right: 3%; }
.shortLine { margin-left: 21%; margin-right: 21%; }
.smallLine { font-size: 3%; margin-left: 9%; margin-right: 9%; }
.postDiv {padding: 0px;background-color: rgba(180, 180, 210, 0.09);background-image: url('/imgs/btn-bg.png');border: 3px solid black;border-radius: 9px;border-top: 0px;border-bottom: 0px;border-image: linear-gradient(rgba(255, 255, 255, 0), rgba(60, 60, 60, 0.03), rgba(30, 30, 30, 0.81), rgba(60, 60, 60, 0.03), rgba(255, 255, 255, 0)) 1;}
.postTitle {border: 0px;padding: 1%;font-size: 126%;text-align: center;background-image: radial-gradient(circle, rgba(30, 120, 30, 0.12), rgba(66, 210, 66, 0));color: #333399;font-weight: bold;font-family: 'Dosis';position: relative;}
.postDate { margin: 0px; margin-left: 42%; margin-right: 42%; padding: 3px; border: 1px solid black; border-top: 0px; border-radius: 0 0 100% 100%; text-align: center;  font-size: 81%; font-weight: bold; font-family: 'Dosis'; background-image: radial-gradient(circle, rgba(210, 255, 210, 0), rgba(60, 90, 60, 0.15)); color: #333399; }
.postData {padding: 0.6%;margin-left: 6%;margin-right: 6%;font-family: 'Baloo Thambi 2', cursive;font-size: 93%;text-align: justify;}
.postKeys { border: 0px; font-size: 81%; padding: 3px; text-align: center; margin-left: 9%; margin-right: 9%; background-image: radial-gradient(circle, rgba(180, 210, 180, 0.12), rgba(180, 240, 180, 0)); color: #999999; }
.postLink { float: right; width: 46.8%; margin: 0px; margin-top: 1%; margin-left: 1%; padding: 0.63%; border: 1px solid #909099; border-radius: 9px; box-shadow: 1px 1px #c0c0c0; background-color: rgba(252, 255, 252, 0.45); background-image: url('/imgs/brushed.png'); vertical-align: middle;  }
.postLink:hover { cursor: pointer; background-color: rgba(210, 210, 210, 0.69); box-shadow: 1px 1px #606060;}
.postLink:active { cursor: pointer; background-color: rgba(216, 216, 216, 0.69); box-shadow: 0px 1px #606060; }
.postLink:nth-child(odd) { float: left; }
.postLinkData { width: 91.2%; padding: 0.3%; }
.postLinkDate { font-size: 69%; margin: 0px; margin-bottom: 1%; }
.postLinkTitle { overflow: hidden; white-space: nowrap; }
.postLinkCats { font-size: 69%; margin: 0px; margin-top: 1%; }
.postLinkThumb {float: left;margin-right: 1.2%;width: 10%;height: auto;border: 1px solid black;border-radius: 50%;}
.postThumbDiv {position: absolute;left: 45.5%;bottom: 100%;z-index: -1;overflow: hidden;width: 9%;height: 100%;opacity: 0.69;border-radius: 50% 50% 0 0;}
.postThumb {width: 99%;border-radius: 50%;position: relative;bottom: 45%;}
.errDiv { margin: 0px auto; padding: 6%; text-align: center; color: darkred; }
.quote { margin: 0.6%; margin-bottom: 1.2%; color: #181818; text-shadow: rgb(255, 255, 255) 0px 1px 1px; text-align: right; font-size: 72%; vertical-align: middle; }
.ImgThumbSpan { padding: 0px; }
.ImgThumbSpan::after {content: attr(name);position: absolute;bottom: 0px;left: 0px;width: 96%;font-size: 72%;border: 0px;border-top: 0.12px dotted whitesmoke;background-color: rgba(54, 54, 54, 1);overflow: hidden;color: white;text-align: center;border-radius: 0 0 9px 9px;padding: 2%;}
.ImgThumbLink {width: 18%;height: auto;border: 1px solid black;border-radius: 9px;}
.ImgThumbLink:hover {cursor: pointer; box-shadow: 1px 1px #606060;}
.imgStage { position: fixed; top: 0px; left: 0px; width: 90%; height: 100%; padding: 5%; margin: 0px; display: none; background: rgba(33, 33, 33, 0.93); text-align: center; z-index: 9999; }
.imgStageClose {position: absolute;right: 0.69%;top: 0.69%;width: 3%;font-weight: bold;color: #ffffff;font-size: 2.3vw;font-family: 'Acme';border-radius: 50%;z-index: 99999;border: 0px solid darkred;}
.imgStageClose:hover { cursor: pointer; text-decoration: italic; font-size: 2.4vw; color: #ffeeee; }
.imgStageImg { margin: 0px auto; padding: 0px; height: auto; width: auto; max-width: 99%; max-height: 87%; overflow: hidden; border: 1px solid black; border-radius: 9px; }
.imgStageName {position: absolute;top: 0.69%;left: 40%;width: 20%;color: white;font-size: 144%;border-bottom: 1px solid whitesmoke;padding-bottom: 0.6%;}
.imgStagePrev {position: absolute;top: 18%;left: 0.3%;width: 3%;padding-top:15%;padding-bottom: 15%;color: white;font-size: 333%;border: 0px; border-right: 1px solid #333333;}
.imgStagePrev:hover {cursor: pointer;text-shadow: 1px 1px #e0e0e0;background: rgba(30, 30, 30, 0.93);}
.imgStageNext {position: absolute;top: 18%;right: 0.3%;width: 3%;padding-top:15%;padding-bottom: 15%;color: white;font-size: 333%;border: 0px; border-left: 1px solid #333333;}
.imgStageNext:hover {cursor: pointer;text-shadow: 1px 1px #e0e0e0;background: rgba(30, 30, 30, 0.93);}
.codeBlock { background-color: black; color: #cccccc; border: 1px solid #cccccc; border-radius: 9px; overflow-x: scroll; font-size: 72%; margin: 1%; padding: 0.3%; box-shadow: 1px 1px 3px #FFFFFF inset; }
.defGallery { margin: 0px auto; text-align: center; padding: 0.3%; padding-top: 1%; overflow: hidden; }
.homeGallery { margin: 0px auto; text-align: center; padding: 0.3%; padding-top: 1%; overflow: hidden; position: relative; height: 6vmax; }
.homGalImg { margin: 0.3%; height: 96%; width: auto; }
.galleryImage {margin: 0px;padding: 0px;height: 18vmin;width: auto;background-color: #0f0f0f;}
.listDiv { padding: 0px; }