@import url('https://fonts.googleapis.com/css?family=Dosis');


body {
background-color: #FFBB6D;
background-image: url('https://i.imgur.com/yusujNM.png');
background-attachment: fixed;
background-size: contain;
background-position: bottom right;
background-repeat: no-repeat;
overflow:hidden;
cursor: url('https://i.imgur.com/pfqicu4.png'), default;
}

#name {
z-index:40;
position: absolute;
left: 415px;
top: 200px;
margin: auto;
background: #transparent;
width: 700px;
font-family: Dosis;
font-size: 45px;
background: url(https://i.imgur.com/1CXjyfh.gif) -40px -40px repeat;
-webkit-text-fill-color: transparent; -webkit-background-clip: text;
display:block;
text-align: center;
letter-spacing: 6px;
-webkit-transition:opacity 2s linear;

}

a.nav:hover{
background-color: #FFD8DB;
color: white;
text-decoration: none;
cursor: url(http://i.imgur.com/7I87qN0.png), default;
}

 div.tooltipMessage {
    z-index: 600;
    position: absolute;
    width: 220px;
    font-family: dosis;
    font-size: 10px;
    text-align: justify;
}
div.tooltipMessage > span {
    display: inline-block;
    background: #FFBB6D;
    padding: 4px 5px;
    color: #000;
    border: 1px solid #000;
    border-radius: 5px;
}
div.tooltipMessage.left > span {
    float: right;
}