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