1$breakpoint: 360px;
  2
  3$tablet: $breakpoint;
  4$body-font-size: 1rem;
  5$radius-rounded: 0;
  6$container-max-width: 920px;
  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    padding-bottom: 10px;
 38}
 39
 40.input, .button{
 41    border-radius: 0;
 42}
 43.wide-column {
 44    width: 100%;
 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: 15px;
 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    margin: 5px;
 75}
 76
 77
 78.image.is-fit {
 79  height: auto;
 80  width: 130px;
 81
 82    @include until($breakpoint) {
 83        width: auto;
 84    }
 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}