@font-face{
    font-family: 'PlayPenSans';
    src: url('Graphics/Fonts/PlaypenSans.woff2') format('woff2');
    font-weight: 100 800;
    font-display: swap;
}

h1,h2,h3,h4,h5,h6,a{
    font-family: 'PlayPenSans', 'ui-rounded', 'Hiragino Maru Gothic ProN', 'Quicksand', 'Comfortaa', 'Manjari', 'Arial Rounded MT', 'Arial Rounded MT Bold', 'Calibri', 'source-sans-pro', 'sans-serif';
}

li.current{
    color: #f7453b;
    text-decoration: wavy underline #f7453b;
    text-underline-offset: 0.5em;
}

.transition{
    transform-origin: 75% 0%;
    transition: .3s ease-in-out;
}
.nav-open {
    transform: scale(1);
  }

.scale0{
    transform: scale(0);
}