
*{
  margin: 0;
}
body {
 background: radial-gradient(circle, rgba(255,195,222,1) 0%, rgba(255,249,200,1) 100%);
}
hr.line-3  {
 border-top: 4px solid rgb(179, 4, 28);
 margin-top: 20px;
}
.navbar{
   list-style:none ;
   text-align: center;
   margin-right: 40px;
   padding-bottom: 18px;
  }
#navbar-item{
  display: inline;
  padding-left: 70px;
  padding-right: 70px;
  padding-bottom: 30px;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
#navbar-item a{
text-decoration-line: none;
color:black;
letter-spacing: 2px;
}

#gallery {
  margin-top: 40px;
   line-height:0;
   -webkit-column-count:4; /* split it into 5 columns */
   -webkit-column-gap:4px; /* give it a 5px gap between columns */
   -moz-column-count:4;
   -moz-column-gap:4px;
   column-count:4;
   column-gap:4px;
   padding:2px;
}
#gallery img {
   width: 100% !important;
   height: auto !important;
   margin-bottom:4px; /* to match column gap */
}
@media(max-width: 1200px) {
   #gallery {
    -moz-column-count:    4;
    -webkit-column-count: 4;
    column-count:         4;
   }
}
@media(max-width: 1000px) {
   #gallery {
    -moz-column-count:    3;
    -webkit-column-count: 3;
    column-count:         3;
   }
}
@media(max-width: 800px) {
   #gallery {
    -moz-column-count:    2;
    -webkit-column-count: 2;
    column-count:         2;
   }
}
@media(max-width: 400px) {
   #gallery {
    -moz-column-count:    1;
    -webkit-column-count: 1;
    column-count:         1;
   }
}
@media (max-width: 400px) {
#center 
{
display: block;
margin-left:0;
margin-right: 0;
padding-bottom:50px;
padding-top:25px;
}
}
.center {
  display: block;
  margin:auto;
  margin-left: auto;
  margin-right: auto;
  padding-bottom:50px;
  padding-top:25px;
}
.fa {
  padding: 30px;
  font-size: 30px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  }
.fa a{
  text-decoration-line: none;
 }
.fa:hover {
  opacity: 0.7;
}
footer{
 background-color: white;
 text-align: center;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
  color: #3B5998;
}

/* Twitter */
.fa-twitter {
  color: #55ACEE;
}
.fa-instagram{
  color:rgb(240, 15, 128);
}
.fa-linkedin{
  color:#3B5998;
}
.fa-spotify{
  color:green;
}
.fa-github{
  color:black;
}
#end{
  font-size: 10px;
  padding:15px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
}