@font-face {
  font-family:"Consolas";
  src: url(assets/fonts/consolas/Consolas.woff) format("woff"); 
}

body {
  background-image: url(assets/backgrounds/bg2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100vh;
  margin: 0;

 display: grid; 
  grid-template-columns: 1fr 1fr 1fr; 
  grid-template-rows: 1fr 1fr 1fr; 
  gap: 4px 4px; 
  grid-template-areas: 
    "t-left t-center t-right"
    "left center right"
    "b-left b-center b-right";
  align-items: center; 
  justify-items: center;
}

.t-left { grid-area: t-left;
}

.t-center { grid-area: t-center;
}

.t-right { grid-area: t-right;
}

.center { grid-area: center;
}

.left { grid-area: left;
}

.right { grid-area: right;
}

.b-left { grid-area: b-left;
}

.b-center { grid-area: b-center;
}

.b-right { 
  grid-area: b-right;
}

.b-right-img { 
  grid-area: b-right;
  overflow: hidden; 
  align-self: end; 
  justify-self: end;
}

.window-icon {
  padding-right: 5px; 
  vertical-align: bottom; 
  padding-left: 7px;
  height: 15px;
}

.notepad-padding {
  padding-left: 6px;
  font-family:'Consolas';
  -webkit-font-smoothing: none;
  -moz-osx-font-smoothing: unset;
}

.notepad-menu-bar {
  border-bottom: 1px solid #526f97;
  height: 19px;
  line-height: 50%;
}

.stacked {
  display: flex;
  flex-wrap: wrap;
  gap: 0px; /* space between images */
  align-content: center;
}


.button-font {
  font: var(--w7-font);
}