Scope global styles to do-bulma class (#69)

src/components/_base.scss

@@ -1,5 +1,5 @@
 /*
-Copyright 2019 DigitalOcean
+Copyright 2024 DigitalOcean
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
@@ -14,6 +14,15 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
+* {
+  box-sizing: inherit;
+
+  &::before,
+  &::after {
+    box-sizing: inherit;
+  }
+}
+
 hr {
   border: 0;
   border-top: 2px solid $border;
@@ -58,8 +67,19 @@ figure {
 
 // Body
 & {
+  @include font-regular;
+
+  -moz-osx-font-smoothing: grayscale;
+  background: $background;
+  box-sizing: border-box;
+  color: $text;
   display: flex;
   flex-direction: column;
+  line-height: $line-height;
+  margin: 0;
+  min-height: 100vh;
+  padding: 0;
+  text-rendering: optimizeLegibility;
 
   .main.container {
     display: flex;

src/globals/_fonts.scss

@@ -1,5 +1,5 @@
 /*
-Copyright 2021 DigitalOcean
+Copyright 2024 DigitalOcean
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
@@ -14,6 +14,9 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
+// stylelint-disable-next-line import-notation
+@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css");
+
 @font-face {
   font-display: swap;
   font-family: $light-font-family-name;

src/style.scss

@@ -1,5 +1,5 @@
 /*
-Copyright 2020 DigitalOcean
+Copyright 2024 DigitalOcean
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
@@ -16,7 +16,6 @@ limitations under the License.
 
 @import "globals/variables";
 @import "globals/fonts";
-@import "globals/base";
 
 .do-bulma {
   @import "~bulma/bulma";