/* global */
* {
    font-family: monospace;
    cursor: url(https://64.media.tumblr.com/944a0abc7ef096acd29ddf29e1894969/25c2207280490ab6-da/s75x75_c1/e4bda17eefb34dcb8cf7f8a485ab6ab37b8dc869.gifv),
     url(https://64.media.tumblr.com/d4a50c1b4d90a1eccf75ccca47199961/b261dfe74ba3f797-4e/s250x250_c1/b8ad33e140c516f3c0960a2572806ef066ef50d0.gifv), auto !important;
    box-sizing: border-box;
}

body {
    background-color: #e3e3e3;
    background: url(https://i.pinimg.com/736x/a9/3d/a7/a93da77ae3d52c4ad315faa89939c391.jpg);
    background-size: cover;
    font-family: CookieMonster, arial, sans-serif, helvetica;
}

div {
    display: block;
    unicode-bidi: isolate;
}

.container {
    width: 90%;
    max-width: 100%;
    margin: 0 auto 10px;
}

header {
    text-align: center;
    font-size: 1.5em;
    margin: 10px 0 10px;
    padding: 5px 10px;
    background: url(https://64.media.tumblr.com/4ef363843eadaf4d22e813f4377586d0/5bbc5cd08fbcae95-9b/s500x750/4392091c5c59bb20616932eb6156d499f9037cca.gifv) #59001ea6;
    background-size: 55%;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: soft-light;
    background-color: #ffc4d3;
}

/* col */
.col {
    display: table-cell;
    vertical-align: top;
}

.col.w-40 {
    width: 35%;
}
.col.w-60    {
    width: 65%;
}

/* Me */
.aboutMe {
    overflow: hidden;
    border: solid 3px #ff9fc9;
}

.aboutMe .inner {
    background-image: url(https://i.pinimg.com/736x/52/0c/f9/520cf959b981843ff0784a0d72385e82.jpg);
    background-size: cover;
    width: 100%;
    height: 595px;
}

div.aboutMe #Me {
    display: block;
    width: 100%;
    height: 100%;
}

.aboutMe .Me {
    position: absolute;
    left: 10%;
    width: 15%;
    rotate: -10deg;
    animation: 5s sway infinite ease-in-out;
    transform-origin: 40% 0;
}

@keyframes sway {
            0% {
                transform: rotate(0);
            }

            50% {
                transform: rotate(5deg);
            }

            100% {
                transform: rotate(0);
            }
        }

.blog {
    overflow: hidden;
    border: solid 3px #ff9fc9;
}

.blog .inner {
    background-image: url(myblog.gif);
    background-size: cover;
    width: 100%;
    height: 300px;
}

.blog .inner:hover {
    background-image: url(welcom.gif);
    background-size: cover;
    width: 100%;
    height: 300px;
}


.projects {
    overflow: hidden;
    border: solid 3px #ff9fc9;
}

.projects .inner {
    background: url(https://i.pinimg.com/736x/8a/c4/6c/8ac46ca31aecf6dd9beeeb1920accca7.jpg);
    background-size: cover;
    position: relative;
    width: 100%;
    height: 901px;
}

.projects img {
    display: block;
    width: 100%;
    height: 876px;
}

.projects .logo {
    position: absolute;
    top: 67%;
    left: 30%;
    width: 30%;
    height: auto;
    border-radius : 15%;
}

.projects .artwork {
    border-radius: 30%;
    position: absolute;
    top: 33%;
    left: 10%;
    width: 35%;
    height: auto;
}

.projects .comic {
    position: absolute;
    top: 0%;
    left: 15%;
    width: 60%;
    height: 40%;
}

.projects .oc {
    position: absolute;
    top: 0%;
    left: 55%;
    width: 90%;
    height: auto;
}