style note

web/themes/custom/rorschach/css-compiled/styles.css

@@ -31,6 +31,18 @@ table {
 #paragraph-id--227 td {
   text-align: start; }
 
+.note {
+  display: block;
+  border: 1px solid #333;
+  text-align: center;
+  font-weight: bold;
+  padding: 1rem;
+  background-color: grey; }
+  .note .note-title {
+    background-color: white;
+    display: block;
+    padding: 1rem; }
+
 /*global*/
 @font-face {
   font-family: 'Font Awesome';
@@ -822,14 +834,6 @@ a {
 .field--name-field-subheading {
   font-size: 1rem; }
 
-.note {
-  display: table;
-  border: 1px solid #333;
-  text-align: center;
-  font-weight: bold;
-  padding: 1rem;
-  background-color: grey; }
-
 .node-book-edit-form {
   width: 80%;
   border-top-style: solid;

web/themes/custom/rorschach/scss/components/_notes.scss

@@ -0,0 +1,14 @@
+.note{
+    display: block;
+    border: 1px solid #333;
+    text-align: center;
+    font-weight: bold;
+    padding: 1rem;
+    background-color: grey;
+}
+  
+.note-title{
+    background-color: white;
+    display: block;
+    padding: 1rem;
+}

web/themes/custom/rorschach/scss/pages/_bookpage.scss

@@ -3,12 +3,4 @@
 }
 
 
-.note{
-    display: table;
-    border: 1px solid #333;
-    text-align: center;
-    font-weight: bold;
-    padding: 1rem;
-    background-color: grey;
-}
-    
+  

web/themes/custom/rorschach/scss/styles.scss

@@ -3,6 +3,7 @@
 /*components*/
 @import "components/_quotes";
 @import "components/_tablefields";  
+@import "components/_notes";  
 
 /*global*/