@font-face {
  font-family: montserratfont;
  /* src: url('../fonts/montserrat.ttf'); */
  src: url('../fonts/montserrat.ttf');
}

@font-face {
  font-family: teko;
  src: url('../fonts/teko.ttf');
}

@font-face {
  font-family: abangfashion;
  src: url('../fonts/abangfashion.otf');
}

:root {
  --primary-color: #F9B233;
  --text-color: #FFFFFF;
  --bg-color: rgba(0, 0, 0, 0.7);
  --font-title: 'abang';
  --font-body: 'montserratfont';
  --font-button: 'teko';
  --font-b: 'abangfashion';
}

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body, html {
 width: 100%;
  height: 100%;
  font-family: var(--font-body);
}

 .gallery-img {
            width: 100%;
            height: auto;
            cursor: pointer;
            transition: transform 0.3s ease;
        }
        .gallery-img:hover {
            transform: scale(1.05);
        }
        .modal-dialog {
            max-width: 90%;
        }
        .modal-content img {
            width: 100%;
            height: auto;
        }