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

body{
cursor: url(http://i.imgur.com/pg9xw.png), auto;
background-color: #a7aeb7;
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;
overflow-y: scroll;
bottom: 10vw;
left: 20vw;
height: 28vw;
width: 30vw;
color: #fcffc3;
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;
}

span {

font-family: 'Roboto Condensed', sans-serif;

font-size: 1vw;

display: inline-block;

background-color: #fcffc3;

color: #89AAB4;

padding: 0vw 1vw 0vw 1vw;

margin: .5vw;

border: .1vw dashed #89AAB4;

letter-spacing: 0vw;

}

::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 0.6vw rgba(0,0,0,0.3);
    border-radius: 0vw;
    background-color: #;
}

::-webkit-scrollbar
{
    width: 0vh;
    background-color: #;
}

::-webkit-scrollbar-thumb
{
    border-radius: 0vw;
    -webkit-box-shadow: inset 0 0 0.6vw rgba(0,0,0,.3);
    background-color: #;
}