@font-face {
    font-family: 'Uncomic';
    src: url('uncomicfat01b-regular-webfont.woff2') format('woff2'),
         url('uncomicfat01b-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html, body {
    height: 100vh;
    margin: 0;
    padding: 0;
}

* {
    box-sizing: border-box;
            margin: 0;
            padding: 0;
}

#imagemenu{
    display: grid;
    height: 100%;
         background-size: contain;
         background-position: center;
      }
      
      #imagemenu svg{
          height: 100%;
          width: 100%;
      }
  
.center {
                max-height: 100%;
                background-position: center;
                background-size: cover;
                background-repeat: no-repeat;
                display: block;
                margin: 0 auto;              
}
.title text{
    font-family: 'Uncomic';
    font-style: normal;
}
.pbuttons text {
    font-family: 'Uncomic';
    font-style: normal;
    font-weight: lighter;
    font-size: 28px;
    line-height: 100%;
    /* or 28px */
    text-align: center;
    fill: #ffffff;
}


#char-rest {
    visibility: visible;

}


#titleuned > * { fill-opacity: 0.6;}
#titleuned > *:hover { fill-opacity: 1;}


.pbuttons text{
    fill-opacity: 0;
    transition: fill-opacity 0.2s;
      }

/*.pbuttons rect {
    fill-opacity: 0;
    transition: fill-opacity 0.2s;
      }*/

.pbuttons circle {
    r: 45;
    fill-opacity: 0.4;
    
}

.pbuttons > *:hover circle {
            r: 100;
          fill: #FFB800;
          fill-opacity: 0.7;
          transition: all 0.2s;
      }
       
/*.pbuttons > *:hover rect {
         fill-opacity: 1;
      }
      */
.pbuttons > *:hover text {
        fill-opacity: 1;
     }

      svg|a:link, svg|a:visited {
  cursor: pointer;
}

#labels text{
    visibility: hidden;
}