@font-face {
  font-family: JetBrainsMono;
  src: url("https://ballfart.com/src/fonts/JetBrainsMono-Regular.ttf");
}
body{
    font-family: 'JetBrainsMono', sans-serif;
    background:#000000;
    margin:0;
    color: #4d5845;
}

header{
    text-align:center;
    margin-top:40px;
}

.divider{
    height:6px;
    width:60%;
    background:black;
    margin:15px auto;
    border-radius:10px;
}

.gallery{

    max-width:1600px;
    margin:60px auto;
    padding:20px;

    column-count:3;
    column-gap:60px;
}

figure{

    margin:0 0 50px 0;
    break-inside:avoid;
    text-align:center;
}

img{

    width:100%;
    height:auto;

    border:4px solid black;
    border-radius: 25px;
    display:block;
}

figcaption{

    margin-top:12px;
    font-size:18px;
    color: #4d5845;
}
a {

    color: #958831;
}
.brushed-steel {
  background-color: #9a9b9e;
  background-image:
    repeating-linear-gradient(0deg,
      rgba(255,255,255,.045) 0px, rgba(255,255,255,.045) 1px,
      rgba(0,0,0,.035) 1px,       rgba(0,0,0,.035) 2px),
    linear-gradient(90deg,
      rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 13%,
      rgba(0,0,0,.06) 32%,      rgba(255,255,255,.09) 50%,
      rgba(0,0,0,.05) 70%,      rgba(255,255,255,.14) 88%,
      rgba(0,0,0,.08) 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012 0.9' numOctaves='3' seed='15' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='0.6' intercept='0.2'/%3E%3CfeFuncG type='linear' slope='0.6' intercept='0.2'/%3E%3CfeFuncB type='linear' slope='0.6' intercept='0.2'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
    linear-gradient(180deg, #c4c5c8 0%, #9c9da0 45%, #7e7f82 100%);
  background-size: 100% 3px, 100% 100%, 260px 260px, 100% 100%;
  background-repeat: repeat, no-repeat, repeat, no-repeat;
  background-blend-mode: overlay, soft-light, overlay, normal;
}

@media (max-width: 700px){

    .gallery{
        column-count:1;
        column-gap:0;
        margin:30px auto;
        padding:16px;
    }

    figure{
        margin:0 0 35px 0;
    }

    figcaption{
        font-size:19px;
        line-height:1.4;
        color: #4d5845;
    }

    header h1{
        font-size:30px;
    }

    header h2{
        font-size:18px;
        line-height:1.4;
    }

    header p{
        font-size:17px;
    }
    a {
        color: #958831;
}
}