diff --git a/data/resume.toml b/data/resume.toml
index 517791c..770a834 100644
--- a/data/resume.toml
+++ b/data/resume.toml
@@ -41,4 +41,3 @@ technology_groups = [
     ["Ruby on Rails"]
 ]
 
-
diff --git a/sass/main.scss b/sass/main.scss
new file mode 100644
index 0000000..ad5af81
--- /dev/null
+++ b/sass/main.scss
@@ -0,0 +1,6 @@
+$font-stack: "Gelasio", serif;
+
+* {
+  font-family: $font-stack;
+}
+
diff --git a/templates/base.html b/templates/base.html
index 21075b0..52361d7 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -4,6 +4,12 @@
     <head>
         <meta charset="utf-8">
         <title>My website</title>
+
+        <link rel="preconnect" href="https://fonts.googleapis.com">
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link href="https://fonts.googleapis.com/css2?family=Gelasio:ital,wght@0,400..700;1,400..700&display=swap" rel="stylesheet">
+
+        <link rel="stylesheet" href="{{ get_url(path='main.css') }}">
     </head>
 
     <body>
diff --git a/templates/resume.html b/templates/resume.html
index 4a112ce..6dbf697 100644
--- a/templates/resume.html
+++ b/templates/resume.html
@@ -6,13 +6,12 @@
     <h2>Experience</h2>
     {% set resume = load_data(path="data/resume.toml") %}
     {% for exp in resume.experience %}
-        <h3>{{ exp.name | safe }}</h3>
-        <span class="exp-title">{{ exp.title }}</span>
-        <br />
-        <span class="exp-duration">{{ exp.start }} - {{ exp.end }}</span>
+        <h3 class="exp-name">{{ exp.name | safe }}</h3>
+        <p class="exp-title">{{ exp.title }}</p>
+        <p class="exp-duration">{{ exp.start }} - {{ exp.end }}</p>
         <ul>
             {% for acc in exp.accomplishments %}
-            <li>{{ acc | safe}}</li>
+                <li class="exp-accomplishment">{{ acc | safe}}</li>
             {% endfor %}
         </ul>
     {% endfor %}
