body {
      font-family: "Comic Sans MS", Sans-Serif;
      font-weight: 400;
      background-image: url("https://i.pinimg.com/1200x/b7/54/7c/b7547c726157838a686bf40bb85b1ce8.jpg");
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: fixed;
      background-position: center;
      color: var(--dark);
      font-size: 24px;
    }

    #stuffholder {
      margin: 20px;
    }
    
    header {
      background-color: var(--light);
      color: var(--dark);
      border: 3px dashed var(--dark);
      border-radius: 5px;
      max-height: 300px;
      margin: 15px;
    }
    
    a {
      color: var(--light);
      text-decoration: underline;
    }

    #sidebar {
      background-color: var(--light);
      border: 3px dashed var(--dark);
      border-radius: 5px;
      padding: 5px;
      min-width: 200px;
      margin: 15px;
      float: left;
      position: fixed;
      height:fit-content;
    }

    #content {
      background-color: var(--light);
      color: var(--dark);
      border: 3px dashed var(--dark);
      border-radius: 5px;
      margin: 15px;
      max-width: 100;
      float: right;
      height: fit-content;
    }
    
    #box {
      border: 4px solid var(--bw);
      border-radius: 5px;
      background-color: var(--dark);
      color: var(--light);
      margin: 10px;
      padding: 10px;
    }
    
    marquee {
      margin:10px;
      background-color:var(--dark);
      color:var(--light);
      border-radius:5px;
      border:3px solid var(--bw);
    }
    
    #gallery {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
    
    #gallery img {
      width: 200px;
      height: 200px;
      object-fit: cover;
      border: 3px dashed var(--dark);
      margin: 2px;
      background-color: var(--light);
    }
    
    #gallery img:hover {
      object-fit: contain;
    }
    
    .page {
      visibility: hidden;
    }
  
    .page:target {
      visibility: visible;
    }