diff --git a/src/assets/style.scss b/src/assets/style.scss
index 336c9b0..0cf6f4f 100644
--- a/src/assets/style.scss
+++ b/src/assets/style.scss
@@ -1,16 +1,26 @@
-@import "bulma/css/bulma.css";
+@use "bulma";
 
-$viossa-blue: #65b7f9;
+:root {
+  --bulma-primary-h: 195deg;
+  --bulma-primary-l: 65%;
+  --bulma-scheme-h: 195;
+  --bulma-family-primary: Nunito,Inter,SF Pro,Segoe UI,Roboto,Oxygen,Ubuntu,Helvetica Neue,Helvetica,Arial,sans-serif;
+  --bulma-family-secondary: Nunito,Inter,SF Pro,Segoe UI,Roboto,Oxygen,Ubuntu,Helvetica Neue,Helvetica,Arial,sans-serif;
+  --bulma-burger-h: 195deg;
+  --bulma-body-family: Nunito,Inter,SF Pro,Segoe UI,Roboto,Oxygen,Ubuntu,Helvetica Neue,Helvetica,Arial,sans-serif;
+};
 
-body {
-	background-color: $viossa-blue;
-	font:
-		normal Verdana,
-		Arial,
-		sans-serif;
-	color: black;
-}
+//$viossa-blue: #65b7f9;
 
-h1 {
-	font-size: 48px;
-}
+// body {
+// 	background-color: $viossa-blue;
+// 	font:
+// 		normal Verdana,
+// 		Arial,
+// 		sans-serif;
+// 	color: black;
+// }
+
+// h1 {
+// 	font-size: 48px;
+// }
diff --git a/src/components/pages/HomePage.vue b/src/components/pages/HomePage.vue
index b00dec1..3ba80aa 100644
--- a/src/components/pages/HomePage.vue
+++ b/src/components/pages/HomePage.vue
@@ -22,7 +22,6 @@
 <script setup lang="ts">
 import HomeSectionWrapper from '@/components/molecules/HomeSectionWrapper.vue'
 import '@/assets/style.scss'
-import 'bulma/css/bulma.css'
 import { useI18n } from 'vue-i18n'
 import type { MessageSchema } from '@/i18n/types'
 import { computed } from 'vue'
diff --git a/src/components/pages/ResourcesPage.vue b/src/components/pages/ResourcesPage.vue
index 12c14a6..f28429d 100644
--- a/src/components/pages/ResourcesPage.vue
+++ b/src/components/pages/ResourcesPage.vue
@@ -22,7 +22,6 @@
 <script setup lang="ts">
 import LearningResourceWrapper from '@/components/molecules/LearningResourceWrapper.vue'
 import '@/assets/style.scss'
-import 'bulma/css/bulma.css'
 import { useI18n } from 'vue-i18n'
 import type { MessageSchema } from '@/i18n/types'
 import { computed } from 'vue'