@import url("https://use.typekit.net/fju3tzh.css");
/* 
font-family: "doublebass", sans-serif;
font-family: "basic-sans", sans-serif;
font-family: "ccmeanwhile", sans-serif;
*/
@media (prefers-color-scheme: light) {
  :root {
    --text: #11030b;
    --background: #F7F3ED;
    --primary: #0A134D;
    --secondary:#ffd000;
    --accent: #ffd000;
  }
}
@media (prefers-color-scheme: dark) {
  :root {
    --text: #F7F3ED;
    --background: #11030b;
    --primary: #b2bbf5;
    --secondary:#ffd000;
    --accent: #ffd000;
  }
  
  }
  h1,h2,h3,h4,h5,h6{
  font-family: "doublebass", sans-serif;
  font-weight: 400;
  font-style: normal;
  color:var(--accent);
  margin:0;
  padding:0;
}
p{
  color:var(--text);
  font-family: "ccmeanwhile", sans-serif;
  color:var(--text);
  display:inline-block;
  text-align:left;
}
a{
  color:var(--primary);
  transition-duration: 1000ms;
}
a:hover{
  color:var(--primary);
  font-size:101%;
}
a:active{
  color:var(--primary);
  filter:contrast(110);
}

  body{
  background-image: url('bluecity.png');
  background-attachment:fixed;
  margin: auto;
  /* effect */
  }
.page{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  grid-template-rows: repeat(12,1fr);
  gap:1%;
  width:90vw;
  height:90vh;
  margin:2%;
}

.panel{
  background-color:var(--background);
  border:var(--text), solid, 2.5px;
  font-family: "ccmeanwhile", sans-serif;
}