body
{
  background-color: rgb(177, 221, 177);
  background-image: url(/visuals/SquaresSewn.jpg);
}

.banner
{
  background-image: url("/visuals/1fb2408aec729b49a1d26bec7d94afce.jpg");
  height: 130px;
  margin-bottom: 40px;
  background-size: cover;
}


.main
{
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 20px;
  padding-bottom:  30px;
}

.line
 {
  padding: 30px 30px 30px 30px;
  display: grid;
  border-radius: 20px;
  grid-template-columns: 1fr 1fr 1fr;
 }

.item
 {
  width: 90%;
  margin: 10px 10px 10px 20px;
  margin-bottom: 30px;
  z-index: 1;
 }

 .item:hover
 {
 -webkit-animation: tilter 1s infinite alternate;
  animation: tilter 2s infinite alternate;
  opacity: 60%;
 }

  @keyframes tilter {
         0% {transform: rotate(-10deg);}
        50% {transform: rotate(10deg);}
       100% {transform: rotate(-10deg);}
    }

        .gallery{
   width: 100%;
   display: block;
   min-height: 100vh;
   background-color: #5649bb;
   padding: 100px 0;
}

  .container{
      max-width: 1170px;
      margin:auto;
  }


.galleryscrap
{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.galleryphotos
{
  
  overflow: auto;
  margin: 10px 10px 10px 10px;
  height: 500px;
}

.content
{
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 30px;
  margin-right: 30px;
}

.imagephoto
{
  margin: 10px 10px 10px 10px;
  height: 200px;
}

.title
{
  margin-left: 30px;
  padding-top: 30px;

}