.froggy-bg{
    background-color: rgb(238, 200, 218);
    background: url('/static/style/bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

h1{
    font-family: 'Modak',serif;
}

.text-stroke{
    color: white!important;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000,
        -1px 1px 0 #000, 1px 1px 0 #000;
}

div[name="body"] img,div[name="body"] figure{
    max-width: 100%!important;
}

a{
    text-decoration: none!important;
    color: inherit;
    transition: ease 300ms;
}

.w-border {
    border: 3.5px solid #000;
    box-shadow: 5px 5px 0px #000;
}

.w-ignore {
    width: 100% !important;
    max-width: 100% !important;
}
.w-slow{
    animation-duration: 25s!important;
}

@keyframes hover {
    0% {
        transform: translateY(5px);
    }

    50% {
        transform: translateY(0px)
    }

    100% {
        transform: translateY(5px);
    }
}

.hover {
    animation: hover 2000ms infinite;
}