Created
April 20, 2024 17:13
-
-
Save glennhefley/80004fb5b5cd16cd2d874ecc571a3a2d to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<style type="text/css"> | |
h1,h2,h3,h4,h5,h6{color:#efefef; font-weight:100; font-family:Julius Sans One, serif;} | |
div,span, p{font-family:'Noto Sans', serif; font-size:18px;line-height:28px; font-weight:100px;text-indent:10px;} | |
li{padding-bottom:14px; font-size:16px; color:#fef7e8;} | |
a{color: #d0e0e3; font-family: Quicksand;} | |
a:hoover{color:#caf5f3;} | |
b, strong{color:#e8f3fe;} | |
.chat{ | |
border-radius: 15px; width:100%; padding-bottom:23px;padding-left:16px; background-color: #087f5b; border-bottom:1px solid; | |
} | |
.chatbox{position:static; padding-bottom:25px; width:100%;} | |
.aside { | |
position: static; | |
border-top: 1px solid #73AD21; | |
width: 40%; | |
padding-left: 6px; | |
margin-left: .2rem; | |
border-radius: 15px; | |
float: right; | |
box-shadow: inset 5px 0 5px -5px #e0e0e0; | |
font-style: normal; | |
font-weight:200; | |
color: #efefef; | |
background-color:#092319; /*solid green */ | |
font-size:12px; | |
} | |
.aside-left { | |
position: static; | |
border-bottom: 1px solid #73AD21; | |
width: 60%; | |
padding-bottom:14px; | |
padding-right: .2rem; | |
margin-right: .2rem; | |
border-radius: 15px; | |
float: left; | |
box-shadow: inset 5px 0 5px -5px #e0e0e0; | |
font-style: normal; | |
font-weight:200; | |
color: #000000; | |
background-color:#ff7b00 ; /*solid orange */ | |
} | |
aside > h1 { | |
color:#efefef; | |
font-weight:100; | |
font-family:'Julius Sans One', | |
Poppins, serif; | |
font-size:22px; | |
line-height:24px; | |
} | |
aside > p { | |
margin: .2rem; | |
font-size:14px; | |
line-height:20px; | |
font-weight:300; | |
font-family: 'Poppins', sans-serif; | |
} | |
</style> | |
<div><p>The country’s inability to deal with the COVID-19 pandemic is particularly troublesome, exposing the faulty decision-making processes of governments, businesses, and individuals alike.</p></div> | |
<div class="chat">Here I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speak Here I speak</div> | |
<div class="aside"> Here I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakAnd I say things over here for the future of my species and the well-being of my offspring</div> | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment