/* stylesheet */
@font-face {
    font-family: 'pixeloperator-webfont';
    src: url('https://ac3d1a.neocities.org/Fonts/pixeloperator-webfont.woff') format('woff');    
    src: url('https://ac3d1a.neocities.org/Fonts/pixeloperator-webfont.woff2') format('woff2');}

body{font-family: "pixeloperator-webfont"} 

.container {  display: grid;
  grid-template-columns: 2.5fr;
  grid-template-rows: 0.4fr 0.5fr 3.3fr 0.5fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "top"
    "title"
    "main"
    "bot";

    margin: 50px;
    font-family: "pixeloperator-webfont";
    font-size: 1.5rem;
}

.title {grid-area: title;
margin: -50px; margin-top: -80px;}

.main {  display: grid;
  grid-template-columns: 0.5fr 2fr 0.5fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "left text right"
    "left text right"
    "left text right";
  grid-area: main;
}

.left { grid-area: left; background-color:cadetblue; text-align: left; padding: 5px;}

.right { grid-area: right; background-color: violet; padding: 5px;}

.text { grid-area: text; 
padding-top: 10px;
  margin-top: 0px;
 border-image-slice: 25 27 25 27;
border-image-width: 25px 20px 0px 20px;
border-image-outset: 0px 0px 0px 0px;
border-image-repeat: repeat repeat;
border-image-source: url("https://ac3d1a.neocities.org/Graphics/D_roses.png")}

.top { grid-area: top; margin: -30px;}

.bot { grid-area: bot; }



h1 {text-align: center;}
div {text-align: center;}

body {
  margin: 0;
  color: white;
background-image: url("https://ac3d1a.neocities.org/Graphics/BG_Purple.png");
/*background-color: #1E072C; */
  background-repeat: repeat;
  font-family:"pixeloperator-webfont";
   font-size: 19px;}

   img {
    image-rendering: pixelated !important; 
    }