@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif&display=swap');

.font-serif {
    font-family: 'Instrument Serif', serif;
}

textarea:focus {
    outline: none;
}

.underline-path {
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
    animation: draw 1.2s ease-out forwards 0.5s;
}

@keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}

.github-corner:hover .octo-arm {
    animation: octocat-wave 560ms ease-in-out
}

@keyframes octocat-wave {

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

    20%,
    60% {
        transform: rotate(-25deg)
    }

    40%,
    80% {
        transform: rotate(10deg)
    }
}

@media (max-width:500px) {
    .github-corner:hover .octo-arm {
        animation: none
    }

    .github-corner .octo-arm {
        animation: octocat-wave 560ms ease-in-out
    }
}