/* zen-maru-gothic-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Zen Maru Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('/Assets/Fonts/zen-maru-gothic-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* zen-maru-gothic-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Zen Maru Gothic';
  font-style: normal;
  font-weight: 700;
  src: url('/Assets/Fonts/zen-maru-gothic-v19-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* zen-maru-gothic-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Zen Maru Gothic';
  font-style: normal;
  font-weight: 900;
  src: url('/Assets/Fonts/zen-maru-gothic-v19-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
  background-color: #ffeac9;
  color: #E38D00;
  font-family: 'Zen Maru Gothic';
    font-weight: 400;
  margin:0;
}

div {
  margin:5px;
}
.window-container {
  display:flex; 
  align-items: stretch;
  padding:5px;
  column-gap:10px;
}
div .window {
  border-radius:1rem;
  background-color:#fff6ea;
  border-color:orange;
  border-style:solid;
  border-width:0.25rem;
  margin:0;
  margin-bottom:10px;
  padding:5px;
  float:left;
  height:100%;
  flex:1;
  overflow-x:hidden;
  overflow-y:auto;
}
div .window-title{
  margin:-5px;
  margin-bottom:10px;
  padding:5px;
  background-color:orange;
  color:white;
  font-weight:900;
  text-align:center;
  font-size:1.5rem;
  text-transform: lowercase;
}

.gallery{
  padding:1rem;
  columns: 15rem 3;
  gap:1rem;
}

.gallery-image{
  width:100%;
  margin-bottom: 1rem;
  border-radius: 0.25rem;
  
  
}

.big-button{
  border-radius:5px;
  background-color:#fff6ea;
  border-color:orange;
  border-style:solid;
  border-width:2.5px;
  font-size:2rem;
  font-weight:900;
  text-align:center;
  align-items: center;
  justify-content: center;
}

.small-button{
  border-radius:5px;
  background-color:#fff6ea;
  border-color:orange;
  border-style:solid;
  border-width:2.5px;
  font-size:1.5rem;
  font-weight:900;
  text-align:center;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

a {
  text-decoration: none;
  color: #E38D00;
}
a:hover{
  text-shadow: 0px 0px 11px #ffaa00;
}

.landing-image{
  width:100%;
  border-radius:50%;
  border-style:outset;
  border-width:5px;
  border-color:#E38D00;
  filter:saturate(50%);
  aspect-ratio:1/1;
}

.landing-image:hover{
  filter:saturate(100%);
}


.page-title{
 font-size:3rem; 
 font-weight:900;
 text-align:center;
} 

.section-title{
  font-size:2rem;
  font-weight: 700;
  text-align: center;
}

nav {
  font-size:1.25rem;
  background-color:#ffb116;
}

nav a {
  text-decoration:none;
  color:#FFEAC9;
}

nav a:hover {
  text-decoration:none;
  color:#E38D00;
}

nav a:active {
  text-decoration: none;
  color:#E38D00;
}