1 files changed, 70 insertions, 0 deletions
diff --git a/scss/main.scss b/scss/main.scss
new file mode 100644
index 0000000..bf6b3d8
--- /dev/null
+++ b/scss/main.scss
@@ -0,0 +1,70 @@
+$breakpoint: 520px;
+
+$tablet: $breakpoint;
+$body-font-size: 1.3rem;
+$radius-rounded: 0;
+$container-max-width: 920px;
+
+$navbar-breakpoint: $breakpoint;
+
+$panel-item-border: 1px solid hsl(0, 0%, 93%);
+$panel-radius: 0;
+$panel-shadow: 0;
+
+$card-shadow: 0;
+$card-radius: 0;
+
+@import "bulma/sass/base/_all.sass";
+@import "bulma/sass/utilities/_all.sass";
+@import "bulma/sass/grid/_all.sass";
+@import "bulma/sass/components/_all.sass";
+@import "bulma/sass/form/_all.sass";
+@import "bulma/sass/helpers/_all.sass";
+@import "bulma/sass/layout/_all.sass";
+@import "bulma/sass/elements/_all.sass";
+
+body {
+    font-family: $family-primary
+}
+
+.input, .button{
+    border-radius: 0;
+}
+
+.file-row {
+    width: 100%;
+    font-family: monospace;
+}
+
+nav {
+    border-bottom: 1px solid;
+    max-width: 1024px;
+    margin: auto;
+}
+
+.container {
+    margin-top: 15px;
+
+    @include until($breakpoint) {
+        margin-left: 15px;
+        margin-right: 15px;
+    }
+}
+
+.card {
+    margin: 5px;
+}
+
+
+.image.is-fit {
+  height: auto;
+  width: 130px;
+
+    @include until($breakpoint) {
+        width: auto;
+    }
+}
+
+.img {
+    object-fit: cover;
+}