@font-face {

    font-family: nexaLight;

    src: url('nexa/Nexa-ExtraLight.ttf');

}



@font-face {

    font-family: nexaHeavy;

    src: url('nexa/Nexa-Heavy.ttf');

}



@font-face {

    font-family: Montserrat;

    src: url('Montserrat/Montserrat-VariableFont_wght.ttf');

}



@font-face {

    font-family: Montserrat-ExtraLight;

    src: url('Montserrat/static/Montserrat-ExtraLight.ttf');

}



@font-face {

    font-family: Montserrat-Light;

    src: url('Montserrat/static/Montserrat-Light.ttf');

}

.fadeInBody {

  opacity: 0;

  transition: opacity 2s ease-in-out;

}

.pswp__img{

    width: 50%;

      height: auto !important;

      display: flex;

      justify-content: center;

      top: 25%;

      align-items: center;

      flex-direction: column;

      flex-wrap: wrap;

      align-content: center;

  }

  .mygalery{

    display: grid;

    /* grid-template-columns: repeat(auto-fit, minmax(200px,1vw)); */

    grid-template-columns: 1fr 1fr 1fr;

    gap: 10px;

    width: 100%;

    height: auto;

    background-color:#121212;

    justify-content: center;

     /* border-left: 1px solid lightgrey; */

    

    

  }

/* width */

::-webkit-scrollbar {

    width: 12px;

      background-color: #F5F5F5;

      border-radius: 10px;

  }

  

  /* Track */

  ::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

    border-radius: 10px;

    background-color: #F5F5F5;

  }

   

  /* Handle */

  ::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);

    background-color: #555;

  }

  

  /* Handle on hover */

  ::-webkit-scrollbar-thumb:hover {

    background: #8a8a8a; 

  }