/*
@font-face{ font-family: rpgSerifFont; src: url("/res/fonts/Fe3.ttf"); font-display: swap }
@font-face{ font-family: chicago; src: url("/res/fonts/chicago/ChicagoFLF.woff"); }
@font-face{ font-family: macding; src: url("/res/fonts/macding.ttf");font-size: 19px; }
@font-face{ font-family: pixel; src: url("/res/fonts/FreePixel.ttf"); font-display: swap }
*/
@font-face{ font-family: terminus; src: url("/res/fonts/TerminusTTF.ttf"); }
@font-face{ font-family: venice; src: url("/res/fonts/VeniceClassic19.woff2");font-size: 19px; }
@font-face{ font-family: athens; src: url("/res/fonts/AthensClassic.woff2");font-size: 22px; }
@font-face{ font-family: p-cursive; src: url("/res/fonts/Cursive.woff2");font-size: 22px; }

*{
    /* border:1px solid black*/
    box-sizing: border-box;
    font-display: swap;
}

body{
    background-image: url("/images/pixel/cloudsR6C.png"), url("/images/skybg2.png");
    margin:0px;
    background-size: 75%,100%;
    background-repeat:repeat-x,repeat ;
    background-position: bottom left,1000px;
    background-color: lightblue;
    background-blend-mode: multiply;
    font-family: rpgSerifFont;

}
b{
animation-duration: 1s;
  animation-name: slidein;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(1,1.83,.36,-0.32);
}

hr{
    border: 0px solid black;
  border-top: 1px solid #606aff;
  box-shadow: 1px 1px #0087ff4f, -1px -1px #00000040;
}

tr, td, table {
  border: 1px solid black;
  border-collapse: collapse;
}

tr:nth-child(1) {
  font-weight: bold;
}

fieldset{
    display: unset;
}
body{
    background-color: #8c9ddf;
}


@keyframes slidein {
  0% { opacity: 1; }
  50% { opacity: 0.5; }
  100% { opacity: 1; }
}

.wrapper{
    border: black 1px solid;
  margin: 1%;
  box-shadow: 0px -1px 0px 0px var(--os-window-shadow-black),-1px 0px 0px 0px var(--os-window-shadow-black), 0px 1px 0px 0px #155568, 1px 0px 0px 0px #155568, 1px 1px 0px 0px inset var(--os-window-shadow-white), -1px -1px 0px 0px inset var(--os-window-shadow-black);
}

.body{
    padding:20px;
background-image: url('/images/skybg2.png');
  background-blend-mode: luminosity;
  background-color: #59a7c6; /*#59c69d;*/
}

.flex{
    display: flex;
}
.flex > div{
    flex-grow: 1;
}