body {
        color: #413737;
        font-family: "pixeloperator-bold";
        background-image:url(img/background3.png);
        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;
        text-align:left;
        margin:auto;
        padding:0;
        height: 100vh;
        width: 100vw;
        font-size:16px;
}

header {
  margin-left:10px;
  font-size:26px;
  text-decoration:none;
  line-height:0.5;
}

subheading {
  font-size:16px;
}
  header a:link {
  color:#e7ded9;
}
 header a:visited {
  color:#e7ded9
  
}

.scrolling-wrapper {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  height:100px;
  margin-left:10px;
  margin-right:10px;
  text-decoration:none;
}

.xl-scroll {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  height:500px;
  text-decoration:none;
}

.found {
  display: inline-block;
    height:500px;
    width:auto;
    margin:0px;
}


  .card {
    display: inline-block;
    height:80px;
    transition: 0.3s ease all;
    filter: saturate(0);
    
  }
  
  .card:hover {
  transform: scale(1.05);
  filter: saturate(1);
}

main{
 padding:10px; 
}

iframe {
  width:580px;
  height:580px;
  border:none;
  margin:auto;
  display:block;
}

sidebar {
font-size:16px;
margin-left:10px
}

mark {
  background-color: #e7ded9;
  color: #413737;
}