1$breakpoint: 360px;
  2
  3$tablet: 480px;
  4$body-font-size: 1rem;
  5$radius-rounded: 0;
  6
  7$navbar-breakpoint: $breakpoint;
  8
  9$panel-item-border: 1px solid hsl(0, 0%, 93%);
 10$panel-radius: 0;
 11$panel-shadow: 0;
 12
 13$card-shadow: 0;
 14$card-radius: 0;
 15$card-content-padding: 0;
 16
 17$table-cell-padding: 0.5em;
 18$table-cell-border-width: 0;
 19
 20$tag-radius: 0;
 21$tag-delete-margin: 15px;
 22
 23$title-weight: normal;
 24
 25@import "bulma/sass/base/_all.sass";
 26@import "bulma/sass/utilities/_all.sass";
 27@import "bulma/sass/grid/_all.sass";
 28@import "bulma/sass/components/_all.sass";
 29@import "bulma/sass/form/_all.sass";
 30@import "bulma/sass/helpers/_all.sass";
 31@import "bulma/sass/layout/_all.sass";
 32@import "bulma/sass/elements/_all.sass";
 33
 34body {
 35    font-family: $family-primary;
 36}
 37
 38.input, .button{
 39    border-radius: 0;
 40}
 41
 42.wide-column {
 43    width: 100%;
 44}
 45
 46.is-mono {
 47    font-family: monospace;
 48}
 49
 50nav {
 51    border-bottom: 1px solid;
 52    margin: auto;
 53}
 54
 55a.is-danger {
 56    color: $danger
 57}
 58
 59.container {
 60    margin-top: 30px;
 61
 62    @include until($breakpoint) {
 63        margin-left: 15px;
 64        margin-right: 15px;
 65    }
 66}
 67
 68.card {
 69    margin: 5px;
 70}
 71
 72
 73.card-image {
 74    padding: 5px;
 75}
 76
 77
 78.image.is-fit {
 79  height: auto;
 80  width: 100%;
 81}
 82
 83.column {
 84    padding: 0;
 85}
 86
 87th {
 88    font-weight: normal;
 89}
 90
 91.img {
 92    object-fit: cover;
 93}
 94
 95// exting size
 96.text-size-1{
 97    @extend .is-size-4 !optional;
 98}
 99
100.text-size-2{
101    @extend .is-size-5 !optional;
102}