first commit

src/css/app.scss

@@ -0,0 +1,39 @@
+// app global css in SCSS form
+.text-brand {
+  color: $green-14 !important;
+}
+  
+.bg-brand {
+  background: $green-14 !important;
+}
+
+$base-width: 100;
+@while $base-width > 0 {
+   .w#{$base-width} { width: #{$base-width}+'%'; }
+   $base-width: $base-width - 10;
+}
+
+$base-height: 100;
+@while $base-height > 0 {
+   .h#{$base-height} { height: #{$base-height}+'%'; }
+   $base-height: $base-height - 10;
+}
+
+:root {
+  --body-width: 600px;
+  --top-raduis: 12px;
+}
+
+body {
+  overflow: hidden !important;
+}
+  
+.projects-header {
+  background-color: #eee;
+}
+
+.top-rounded-card {
+  border-top-left-radius: var(--top-raduis);
+  border-top-right-radius: var(--top-raduis);
+}
+  

src/css/quasar.variables.scss

@@ -0,0 +1,28 @@
+// Quasar SCSS (& Sass) Variables
+// --------------------------------------------------
+// To customize the look and feel of this app, you can override
+// the Sass/SCSS variables found in Quasar's source Sass/SCSS files.
+
+// Check documentation for full list of Quasar variables
+
+// Your own variables (that are declared here) and Quasar's own
+// ones will be available out of the box in your .vue/.scss/.sass files
+
+// It's highly recommended to change the default colors
+// to match your app's branding.
+// Tip: Use the "Theme Builder" on Quasar's documentation website.
+
+$primary   : #1976D2;
+$secondary : #26A69A;
+$accent    : #9C27B0;
+
+$dark      : #1D1D1D;
+$dark-page : #121212;
+
+$positive  : #21BA45;
+$negative  : #C10015;
+$info      : #31CCEC;
+$warning   : #F2C037;
+
+$lightgrey   : #DCDCDC;
+