Lumine

-----------------------------------HTML-------------------------------------


<div class= "title"
<p>𝗅𝗎𝗆𝗂𝗇𝖾. 𝗌𝗍𝖺𝗋𝖼𝗁𝗂𝗅𝖽. 𝗁𝖾𝗋𝗈𝗂𝗇𝖾 𝗈𝖿 𝗍𝖾𝗒𝗏𝖺𝗍.<br>𝖺 𝖻𝖾𝗅𝗈𝗏𝖾𝖽 𝗍𝗐𝗂𝗇 𝗌𝗂𝗌𝗍𝖾𝗋. 𝗍𝗁𝖾 𝗍𝗋𝖺𝗏𝖾𝗅𝖾𝗋.
</div>

<div class="picture" >
</div>


-----------------------------------CSS-----------------------------------------


::selection {background: #ECD1FF; color:#000;}

body{
cursor: url(http://i.imgur.com/pg9xw.png), auto;
background-color: #1a1a1a;
background-repeat: no-repeat;
background-size: 55vw;
bottom: 10vw;
left: 10vw;
}

.picture {
    background-image: url(https://i.imgur.com/NuYLlpS.png);
    background-size: 55vw;
    background-repeat: no-repeat;
    position:absolute;
    bottom: 4.6vw;
    left: 35vw;
    width: 45vw;
    height: 50vw;
    z-index: 51;
    filter: drop-shadow(0 0 0.vw #fff);
    pointer-events: none;
    opacity: 1;
}

.title {
position: absolute;
bottom: 20vw;
left: 20vw;
height: 8vw;
width: 32vw;
color: #89AAB4;
font-size: 1.5vw;
line-height: 1.25vw;
letter-spacing: .1vw;
font-family: verdana;
z-index: 600;
}

a:hover {
 color: #ffffff;
 background-color: #;
 cursor: url(http://i.imgur.com/pg9xw.png), auto !important;
 text-decoration: none;
 transition: all 0.4s ease-in-out;
 -moz-transition: all 0.4s ease-in-out;
 -webkit-transition: all 0.4s ease-in-out;
 }

 div.tooltipMessage {
    z-index: 600;
    position: absolute;
    width: 220px;
    font-family: verdana;
    font-variant: small-caps;
    font-size: 10px;
    text-align: justify;
}
div.tooltipMessage > span {
    display: inline-block;
    background: #29313d;
    padding: 4px 5px;
    color: #805376;
    border: 1px solid #333;
    border-radius: 5px;
}
div.tooltipMessage.left > span {
    float: right;
}