/* Start https://www.cursors-4u.com */
* {
    cursor: url(https://cur.cursors-4u.net/nature/nat-7/nat659.cur), auto !important;
} /* End https://www.cursors-4u.com */
@font-face {
    font-family: W95FA;
    src: url(fonts/W95FA.otf);
}
.back {
    position: absolute;
    z-index: 1;
    left: 70px;
    top: 20px;

    font-family: W95FA;
    font-size: 30px;
    height: 30px;
}
.sketchbook {
    position: absolute;
    margin-top: -350px;
    margin-left: 200px;
    scale: 30%;
    filter: drop-shadow(15px 15px 5px rgba(41, 37, 57, 0.52));
}
.sketchbook span {
    opacity: 0;
    position: absolute;
    transform: translate(-90%, 50%);
    z-index: 99;
    font-size: 200px;
    font-family: W95FA;
    text-align: center;
    letter-spacing: 10px;
    line-height: 0.9;
    color: #fff7dd;
    filter: drop-shadow(3px 3px 0 #382d77) drop-shadow(-3px 3px 0 #382d77) drop-shadow(3px -3px 0 #382d77)
        drop-shadow(-3px -3px 0 #382d77);
}
.sketchbook:hover span,
.sketchbook:focus span {
    opacity: 1;
}
.sketchbook:hover img,
.sketchbook:focus img {
    filter: hue-rotate(190deg) saturate(90%);
    transform: rotate(-10deg);
}
.portfolio {
    position: absolute;
    margin-top: -150px;
    margin-left: 500px;
    scale: 30%;
    filter: drop-shadow(15px 15px 5px rgba(41, 37, 57, 0.52));
}
.portfolio span {
    opacity: 0;
    position: absolute;
    transform: translate(-120%, 80%);
    z-index: 99;
    font-size: 200px;
    font-family: W95FA;
    text-align: center;
    letter-spacing: 10px;
    line-height: 0.9;
    color: #fff7dd;
    filter: drop-shadow(3px 3px 0 #382d77) drop-shadow(-3px 3px 0 #382d77) drop-shadow(3px -3px 0 #382d77)
        drop-shadow(-3px -3px 0 #382d77);
}
.portfolio:hover span,
.portfolio:focus span {
    opacity: 1;
}
.portfolio:hover img,
.portfolio:focus img {
    filter: hue-rotate(190deg) saturate(90%);
    transform: rotate(10deg);
}
.feed {
    position: absolute;
    margin-top: 50px;
    margin-left: -450px;
    scale: 30%;
    filter: drop-shadow(15px 15px 5px rgba(41, 37, 57, 0.52));
}
.feed span {
    opacity: 0;
    position: absolute;
    transform: translate(-200%, 80%);
    z-index: 99;
    font-size: 200px;
    font-family: W95FA;
    text-align: center;
    letter-spacing: 10px;
    line-height: 0.9;
    color: #fff7dd;
    filter: drop-shadow(3px 3px 0 #382d77) drop-shadow(-3px 3px 0 #382d77) drop-shadow(3px -3px 0 #382d77)
        drop-shadow(-3px -3px 0 #382d77);
}
.feed:hover span,
.feed:focus span {
    opacity: 1;
}
.feed:hover img,
.feed:focus img {
    filter: hue-rotate(190deg) saturate(90%);
    transform: rotate(10deg);
}