/* light mode specific */
body{
    background-color:#ffffff;
    color: #24335a;
}
.logo{
    width:920px;
    content:url('images/logo-light-theme.jpg');
}
div#instagram{
  font-size: 0.7em;
  white-space: nowrap;
}
a:link,a:visited{
  color: #24335a;
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
}
a img{
  height: 1em;
  vertical-align: middle;
}
/* dark mode specific */
@media (prefers-color-scheme: dark) {
    body {
        background-color: #282b56; /* #1d1d1b */
        color: #ffffff;
    }
    .logo{
        content:url('images/logo-dark-theme.jpg');
    }
    a:link,a:visited{
      color: #ffffff;
    }
}

/* general */
@font-face {
  font-family: RebrandTxt;
  src: url('font/RebrandTxt-Regular.otf');
}
*{
    font-family:RebrandTxt;
    font-size:1.2em;
}
h1{
    font-weight:normal;
}
article{
    text-align:left;
    width:300px;
}
.logo{
    margin-top:2em;
    margin-bottom:2em;
}
.orange{
    color:#eb9a0c; /* #f29102 */
}
.blue{
    color:#24335a;
}