1$breakpoint: 360px;
  2$radius: 0px;
  3$tablet: 480px;
  4$body-font-size: 1rem;
  5
  6$navbar-breakpoint: $breakpoint;
  7
  8$panel-item-border: 1px solid hsl(0, 0%, 93%);
  9$panel-shadow: 0;
 10
 11$card-shadow: 0;
 12$card-radius: 0;
 13$card-content-padding: 0;
 14
 15$table-cell-padding: 0.5em;
 16$table-cell-border-width: 0;
 17
 18$section-padding: 0 1.5rem;
 19
 20$tag-delete-margin: 15px;
 21
 22$title-weight: normal;
 23
 24@import "bulma/sass/base/_all.sass";
 25@import "bulma/sass/utilities/_all.sass";
 26@import "bulma/sass/grid/_all.sass";
 27@import "bulma/sass/components/_all.sass";
 28@import "bulma/sass/form/_all.sass";
 29@import "bulma/sass/helpers/_all.sass";
 30@import "bulma/sass/layout/_all.sass";
 31@import "bulma/sass/elements/_all.sass";
 32
 33body {
 34    font-family: $family-primary;
 35}
 36
 37.input, .button{
 38    border-radius: 0;
 39}
 40
 41.wide-column {
 42    width: 100%;
 43}
 44
 45.is-mono {
 46    font-family: monospace;
 47}
 48
 49nav {
 50    border-bottom: 1px solid;
 51    margin: auto;
 52}
 53
 54a.is-danger {
 55    color: $danger
 56}
 57
 58.container {
 59    margin-top: 30px;
 60}
 61
 62th {
 63    font-weight: normal;
 64}
 65
 66form {
 67    padding-left: 15px;
 68    padding-right: 15px;
 69}
 70
 71.text-size-1{
 72    @extend .is-size-4 !optional;
 73}
 74
 75.text-size-2{
 76    @extend .is-size-5 !optional;
 77}
 78
 79.gallary_container{
 80  display: grid;
 81  gap: 1rem;
 82  grid-template-columns: repeat(auto-fit, minmax(15em, 1fr));
 83  grid-auto-rows: 15.5em;  
 84  padding: 10px;
 85}
 86
 87.image_container img{
 88  width: 100%;
 89  height: 100%; 
 90    box-shadow: rgba(3, 8, 20, 0.1) 0px 0.15rem 0.5rem, rgba(2, 8, 20, 0.1) 0px 0.075rem 0.175rem;
 91  object-fit: cover;
 92}
 93
 94@media screen and (min-width: $breakpoint) {
 95  .image-tall {
 96    grid-row: span 2 / auto;
 97  }
 98
 99  .image-wide {
100    grid-column: span 2 / auto;
101  }
102}
103
104// Fix horizontal scroll on iOS
105.scrolling-element {
106    overflow-x: scroll; /* Must be 'scroll' not 'auto' */
107    -webkit-overflow-scrolling: touch;
108}