html {
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    color:#1a1a1a;
}

.EG1{
    background: #CAD2C5
}
.EG2{
    background: #84A98C
}
.EG3{
    background: #52796F
}
.EG4{
    background: #354F52
}
.EG5{
    background: #2F3E46
}
#pixelrowright{
    height : 100px;
    position: absolute;
    right: 0;
    top: 0;
}
#pixelrowright img{
    height : 100px;
    max-width : 100%;
    max-height : 100%;
}
#pixelrowleft{
    height : 100px;
    position: absolute;
    left: 0;
    top: 0;
}
#pixelrowleft img{
    height : 100px;
    max-width : 100%;
    max-height : 100%;
}
#header{
    font-family: 'Courier New', Courier, monospace;
}
.normal_article{
    border-radius: 15px;
    padding: 100px;
    margin: 10px;
    background-color: #CAD2C5;
}



.sidenav {
  height: auto; 
  width: 160px; /* Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 20px;
}

/* The navigation menu links */
.sidenav a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #f1f1f1;
}


/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

@media (max-width: 600px) {
    .pixelrowleft {top : 100px}
    .pixelrowright {top : 100px}
    .resize-font {font-size: 3vw}
    h1 {font-size : 5vw}
    h2 {font-size : 4vw}
    h3 {font-size : 3.5vw}
    .normal_article {padding: 10px}

    #pixelrowright img{height: 10vw;}
    #pixelrowleft img{height: 10vw;}
}


@media (prefers-color-scheme: dark) {
    :root {
        --bg: #212121;
        --accent-bg: #2b2b2b;
        --text: #1a1a1a;
        --text-light: #3a3a3a;
        --border: #666;
        --accent: #10008c;
        --accent-light: #3d1c9f;
        --code: #f06292;
        --preformatted: #ccc;
        --disabled: #111;
    }
        img, video {
        opacity: 1;
    }
}