From 652c2f8151aea270405ba0088decb368a48195e0 Mon Sep 17 00:00:00 2001
From: Monredo <107286254+Monredo@users.noreply.github.com>
Date: Sat, 11 Jun 2022 09:11:35 -0400
Subject: [PATCH] Update speech-bubble.css

---
 speech-bubble.css | 45 +++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 41 insertions(+), 4 deletions(-)

diff --git a/speech-bubble.css b/speech-bubble.css
index 361a4d5..44f6c39 100644
--- a/speech-bubble.css
+++ b/speech-bubble.css
@@ -1,9 +1,5 @@
-@import url(//db.onlinewebfonts.com/c/2f407d03c34861737fe4b85ab35eb729?family=Cera+Pro);
-
 @font-face {font-family: "Cera Pro"; src: url("//db.onlinewebfonts.com/t/2f407d03c34861737fe4b85ab35eb729.eot"); src: url("//db.onlinewebfonts.com/t/2f407d03c34861737fe4b85ab35eb729.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/2f407d03c34861737fe4b85ab35eb729.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/2f407d03c34861737fe4b85ab35eb729.woff") format("woff"), url("//db.onlinewebfonts.com/t/2f407d03c34861737fe4b85ab35eb729.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/2f407d03c34861737fe4b85ab35eb729.svg#Cera Pro") format("svg"); }
 
-@import url(//db.onlinewebfonts.com/c/98b78079f5ee4295c40260785b4e4fbf?family=Cera+Pro);
-
 @font-face {font-family: "Cera Pro Bold"; src: url("//db.onlinewebfonts.com/t/98b78079f5ee4295c40260785b4e4fbf.eot"); src: url("//db.onlinewebfonts.com/t/98b78079f5ee4295c40260785b4e4fbf.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/98b78079f5ee4295c40260785b4e4fbf.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/98b78079f5ee4295c40260785b4e4fbf.woff") format("woff"), url("//db.onlinewebfonts.com/t/98b78079f5ee4295c40260785b4e4fbf.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/98b78079f5ee4295c40260785b4e4fbf.svg#Cera Pro") format("svg"); }
 
 .speech-bubble {
@@ -46,3 +42,44 @@
     margin-left: -18px;
     display: block;
 }
+
+.speech-bubble {
+    position: relative;
+    background: #ffffff;
+    color: #000000;
+    font-family: 'Cera Pro', sans-serif;
+    font-size: 20px;
+    line-height: 114px;
+    text-align: center;
+    width: 250px;
+    height: 120px;
+    border-radius: 10px;
+    padding: 0px;
+    border: #000000 solid 1px;
+}
+.speech-bubble:after {
+    content: '';
+    position: absolute;
+    display: block;
+    width: 0;
+    z-index: 1;
+    border-style: solid;
+    border-color: #ffffff transparent;
+    border-width: 23px 17px 0;
+    bottom: -23px;
+    left: 50%;
+    margin-left: -17px;
+}
+.speech-bubble:before {
+    content: '';
+    position: absolute;
+    width: 0;
+    z-index: 0;
+    border-style: solid;
+    border-color: #000000 transparent;
+    border-width: 24px 18px 0;
+    bottom: -24.5px;
+    left: 50%;
+    margin-left: -18px;
+    display: block;
+}