* {
    margin: 0px;
    padding: 0px;
    font-family: "JetBrains Mono", monospace, Arial;
    -webkit-tap-highlight-color: transparent;
}

body {
    max-width: 600px;
    margin: auto;
    margin-top: 50px;

    background-image: url("mk.png");
    background-position: center;
}


img#logo {
    max-width: 300px;
    animation: logo-water 4s infinite ease-in-out;
}

@keyframes logo-water {
    0% {
        transform: scale(1) skewX(0deg) skewY(0deg);
        filter: brightness(1);
    }

    20% {
        transform: scale(1.03, 0.97) skewX(2deg) skewY(-2deg);
        filter: brightness(1.05);
    }

    40% {
        transform: scale(0.98, 1.02) skewX(-2deg) skewY(2deg);
        filter: brightness(0.98);
    }

    60% {
        transform: scale(1.02, 0.98) skewX(1deg) skewY(-1deg);
        filter: brightness(1.03);
    }

    80% {
        transform: scale(0.99, 1.01) skewX(-1deg) skewY(1deg);
        filter: brightness(1);
    }

    100% {
        transform: scale(1) skewX(0deg) skewY(0deg);
        filter: brightness(1);
    }
}


#content {
    margin-left: 10px;
    margin-right: 10px;
}

img#logo {
    max-width: 300px;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul li {
    margin-bottom: 20px;
}



h2 {
    color: #007a3d;
    margin: 20px 0;
}

a {
    text-decoration: none;
    font-size: 20px;
    display: inline-block;
    transition: text-decoration 0.3s;
}

a:hover {
    text-decoration: underline;
    animation: gentle-shake-xy 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

a,
a:visited {
    color: #45a8f8;
}

/* Smoother, slower multi-directional shake */
@keyframes gentle-shake-xy {
    0% {
        transform: translate(0, 0);
    }

    10% {
        transform: translate(-0.5px, 0.5px);
    }

    100% {
        transform: translate(0, 0);
    }
}





a * {
    color: unset;
}

#links_title {
    margin-top: 50px;
}

#projects_title {
    margin-top: 70px;
}

.projects p {
    font-style: italic;
    opacity: 0.6;
    margin-top: 3px;
}

.projects {
    /* margin-bottom: 100px; */
}


#footer {
    margin-bottom: 200px;
}