body{}
#screenshot{position:absolute;border:0.0625rem solid #ccc;background:white;padding:0.3125rem;display:none;color:white;border:0.0625rem solid grey;border-radius:0.375rem;}   
.screenshot img{width:1.25rem;height:1.25rem;}
.box{width:20%;margin:0 auto;background:rgba(255,255,255,0.2);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000)";padding:2.1875rem;border:0.125rem solid #fff;border-radius:1.25rem/3.125rem;background-clip:padding-box;text-align:center;}
.overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, 0.7);transition:opacity 500ms;visibility:hidden;opacity:0;}
.overlay:target{visibility:visible;opacity:1;}
.popup{margin:4.375rem auto;padding:1.25rem;background:#fff;border-radius:0.3125rem;width:30%;position:relative;transition:all 5s ease-in-out;}
.popup h2{margin-top:0;color:#333;font-family:Tahoma,Arial,sans-serif;}
.popup .close{position:absolute;top:1.25rem;right:1.875rem;transition:all 200ms;font-size:1.875rem;font-weight:bold;text-decoration:none;color:#333;}
.popup .close:hover{color:orange;}
.popup .content{max-height:30%;overflow:auto;}
.tooltip{position:relative;display:inline-block;}
.tooltip img{width:0.9375rem;height:0.9375rem;margin:0.125rem 0rem 0rem 0.125rem;}
.tooltip .tooltiptext{position:absolute;z-index:1;top:-0.625rem;left:105%;min-width:9.375rem;display:none;background-color:#FFFFFF;color:#000000;text-align:center;padding:0.3125rem 0;margin-left:0.625rem;border:0.0625rem solid red;border-radius:0.375rem;}
.tooltip:hover .tooltiptext{display:inline-block;}