body {
#	color: #330033;
	margin-left: 20% ;
	margin-right: 30%;
	font-size: x-large;
	font-family: Georgia, serif;
#	text-align: justify;
#	background-color: #ffdab3;
}

@media only screen and (max-device-width: 480px) {
	body {
	#	color: #330033;
	        margin-left: 0% ;
		margin-right: 2%;
	        font-size: larger;
#	        font-size: x-large;
#	        font-size: large;
	        font-family: Georgia, serif;
#		text-align: justify;
	#	background-color: #ffdab3;
	}
}

a {
	text-decoration:none;
	font-weight:bold;
}

#green_dot {
        color:#3ce870;
	font-weight: bold;
	font-size: 32px;
}

#purple_dot {
        color:#660066;
	font-weight: bold;
	font-size: 32px;
}

#blue {
	color:#17c648;
#	color:#55acee;
#	color:#d26268;
	color:#3ce870;
#	font-weight: bold;
#	color:#F9CA05;
	margin-bottom: 0pt;
}

P {
	margin-top: 0pt;
#	text-indent: 0.2in;
}

h1 {
	text-align:left;
	margin-top: 0pt;
	margin-bottom: 0pt;
#	color:#ff3333;
#	color:#00cc00;
#	color:#3ce870;
}

h2 {
	margin-top: 0pt;
#	color:#8F3A84;
}

h3 {
#	color:#17c648;
#	color:#d26268;
	color:#3ce870;
#	color:#00cc00;
#	color:#F9CA05;
	margin-top: 0px;
	margin-bottom: 0px;
#	font-weight: bold;
}

h4 {
	color:#17c648;
	margin-bottom: 0px;
}

.date {
	color:gray;
#	font-size: small;
#	margin-bottom: 0pt;
}

.archive_date {
	color:gray;
	font-size: small;
}

.archive_public {
	color:#3ce870;
	font-size: small;
	margin-bottom: 0pt;
}

.comment_line {
	color:gray;
#	font-size: small;
}

.header {
#	position: fixed;
	left: 20%;
	right: 30%;
#	bottom: 0;
	text-align:right;
#	width: 100vw;
#	background-color: #3ce870;
#	background-color:#d26268;
#	color: white;
#	padding-top: 15px;
#	padding-bottom: 25px;
}

.footer {
#	position: fixed;
	left: 20%;
	right: 30%;
	bottom: 0;
#	width: 100vw;
#	background-color: #3ce870;
#	background-color:#d26268;
###	background-color:#f5c0a9;
####	background-color:blue;
	background-color:#8F3A84;
###	color: white;
	padding-top: 15px;
	padding-bottom: 25px;
}

.footer_h1 {
color: white;
}

.add_comment {
#	position: fixed;
	left: 20%;
	right: 30%;
	bottom: 0;
#	width: 100vw;
#	background-color: #3ce870;
#	background-color:#d26268;
##	background-color:#f0ead6;
###	background-color:#c6b5c9;
	background-color: #3ce870;
#	color: white;
	padding-top: 15px;
	padding-bottom: 25px;
}

.register {
#	position: fixed;
	left: 20%;
	right: 30%;
	bottom: 0;
#	width: 100vw;
	background-color: #3ce870;
#	background-color: black;
#	background-color:#d26268;
#	color: white;
	padding-top: 5px;
	padding-bottom: 25px;
}

.StripeElement {
    background-color: white;
    padding: 8px 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}.StripeElement--invalid {
    border-color: #fa755a;
}.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}