html{
min-width:100%
}
body{
  margin:auto;
  padding:0.2em;
  background-color:rgb(241, 239, 239);width:100%;height:100%;font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}


#photos{
  line-height: 0;
   
  -webkit-column-count: 5;
  -webkit-column-gap:   0px;
  -moz-column-count:    5;
  -moz-column-gap:      0px;
  column-count:         5;
  column-gap:           0px;  
  
}
#photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
}

img{
  transition: all .2s ease-in-out;  
  text-align: center;

}
img:hover{
  transform:scale(1.05);
}

details{
  text-align:center;
  display:inline-block !important;
  width: 100% !important;
  height: auto !important;
  
}
details > summary {
  
  list-style: none;
  
}
details > summary::-webkit-details-marker {
  display: none;
}

.link, a {
  background-color:gray;
  border: none;
  display:inline-block;
  padding: 0.5em;
  margin:auto;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  color:aliceblue;
  background-color: #202847;
  border-radius:0.2em;
  padding: 1em;
  margin:0.1em;
}
a:hover{
  background-color: #2b355c;
}
@media (max-width: 1200px) {
  #photos {
  -moz-column-count:    4;
  -webkit-column-count: 4;
  column-count:         4;
  }
}
@media (max-width: 1000px) {
  #photos {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 800px) {
  #photos {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}


    
@media (max-width: 760px) {
    img {width:100%;height:auto}
  .flexcontainer{
    flex-direction: column;
  }
  
}
.pixel{
  width:auto;
  padding: 2px;
}
/*this is for animations page*/
.container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
    margin:auto;
  }
  
  .responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }