Himikotoga Crd Code

<style>
@font-face {
font-family: 'Magica';
src: url(https://static.tumblr.com/p6yopnt/Qkiqnu0r5/theheart.ttf);
}
@font-face {
font-family: kitten;
src: url(https://dl.dropbox.com/s/iu9a60e3nidrio6/KittenSlantTrial.ttf);
}
.img { /*Css Of The Image Bubble*/
border: 4px double black;
border-radius: 50%; /*Don’t Change This*/
width: 250px; /*Don’t Change This*/
height: 250px; /*Don’t Change This*/
background-color: white;
/*Don’t Edit Past Here*/
margin: auto;
position: absolute;
top: -1.0em;
left: 2.5em;
z-index: 50;
-moz-transition: 0.8s;
-webkit-transition: 0.8s;
-o-transition: 0.8s;
}
.hide { /*Css Of The Text Bubble*/
border: 4px double black;
border-radius: 50%; /*Don’t Change This*/
width: 250px; /*Don’t Change This*/
height: 250px; /*Don’t Change This*/
padding: 30px 5px 30px 5px; /*Don’t Change This*/
background-color: white;
overflow-y: scroll; /*Don’t Change This*/
font-family: 'Magica';
font-size: 1.2em;
/*Don’t Edit Past Here*/
position: absolute;
top: -1em;
left: 2.5em;
z-index: 1;
opacity: 0;
text-align: center;
-ms-overflow-style: none;
scrollbar-width: none;
-moz-transition: 0.8s;
-webkit-transition: 0.8s;
-o-transition: 0.8s;
}
.hide::-webkit-scrollbar {
display: none;
}
mark { /*Css Of The Title*/
text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
color: white;
font-family: kitten;
font-size: 1.8em;
background: #FFFFFF00; /*Don’t Change Unless You Want A Background*/
}
label { /*Don’t Edit This*/
opacity: 0;
border-radius: 50%;
width: 250px;
height: 250px;
margin: auto;
position: absolute;
top: -1.0em;
left: 2.5em;
z-index: 99;
}
.visually-hidden { /*Don’t Edit This*/
position: absolute;
left: -100vw;
opacity: 0;
}
#toggle:checked ~ .img { /*Don’t Edit This*/
position: absolute;
top: -1.5em;
left: -1.0em;
z-index: 50;
}
#toggle:checked ~ .hide { /*Don’t Edit This*/
opacity: 1;
position: absolute;
top: 6em;
left: 7em;
z-index: 99;
}
</style>

<label for="toggle">Toggle</label>
<input type="checkbox" id="toggle" class="visually-hidden"> <img src="IMAGELINK" class="img">
<div class=hide> <p><mark>TITLE</mark></p>
<p>Text Text Text Text Text Text Text Text</p> </div>