<style type="text/css">
/* Written in 2020 by Mara Cavanaugh

 This theme is licensed under a Creative Commons Attribution 4.0 
 International License.

 You should have received a copy of the license along with this
 work. If not, see http://creativecommons.org/licenses/by/4.0/
*/

<meta name="viewport" content="width=device-width, initial-scale=1.0">

/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Open+Sans&family=EB+Garamond:wght@400&display=swap');*/
:root {
--wallpaper: #E5EFF2;
--main: #00004C;
--submain: #565884;
--accent1: #ab0000;
--accent2: #c85166;
--accent3: #5e2658;
--accent-a: #c50000;
}

@import url('https://fonts.googleapis.com/css2?family=Cinzel&family=Open+Sans&family=Montserrat&family=Merriweather:wght@300&family=EB+Garamond:wght@400&display=swap');
:root {
--wallpaper: #E5EFF2;
--main: #00004C;
--main: #00005C;
--main2: #0047AB;
--main2: #0023AB;
/*--main: #222222;*/
--submain: #565884;
--accent1: #ab0000;
--accent2: #c85166;
--accent3: #5e2658;
--accent-a: #c50000;
--corn: #71A92C;
--corn2: #79B52F;
--bsienna: #e97451;
--nude: #e3bc92;
--cognac: #9a463d;
--champ: #f7e7ce;
--pewter: #e9eaec;
--ice: #e9eaff;
}
/*background-color: var(--champ);
background-color: var(--ice);*/

body h1 {
color: var(--corn);
color: var(--corn2);
color: var(--bsienna);
font-family: Cinzel, EB Garamond, Garamond ;
margin-left: 5vw;
font-size: 200%;
}

body, body h1 a {
color: var(--main);
font-family: EB Garamond;
}

body h2 {
color: var(--main2);
font-family: Montserrat;
margin-left: 5vw;
}

body, body h3 a, body p {
color: var(--accent-a);
color: var(--main);
font-family: Montserrat;
} 

body p.tall {
color: var(--accent-a);
color: var(--main);
font-family: EB Garamond;
font-family: Montserrat;
font-family: Merriweather;
line-height: 1.8;
}

header p.description {
color: var(--accent3);
}

#post nav a:not(.home), header nav a {
color: var(--accent2);
}

body p {
font-size: 1.2rem;
}

body#collection article p, body#subpage article p{
line-height: 1.45;
}

.post-title a:link, .post-title a:visited {
font-family: EB Garamond;
font-size: 1.2em;
color: var(--accent1);
}

body#post article h2#title {
font-family: Montserrat;
font-size: 1.7em;
color: var(--accent1);
}

p a {
color: var(--accent3);
}

p a:hover {
color: var(--accent-a);
}

#collection #wrapper time, #subpage #wrapper time {
color: var(--submain);
font-family: Montserrat;
/* Previous css  allowed use of time.dt-published, this css doesn't allow -- why?*/
}

a.hashtag span:first-child {
color: var(--submain);
}

a.hashtag span,
span.p-category {
color: var(--accent2);
}

nav a {
color: var(--submain);
}

input {
font-family: Montserrat;
}

input[type=email] {
border: 1px solid var(--submain);
}

#subscribe-btn {
border: 1px solid var(--accent3);
background: var(--accent3);
color: var(--wallpaper);
}

hr {
background: var(--submain);
}

body footer {
color: var(--submain);
font-size: 80%;
margin-left: 5vw;
}

body footer a.home:link, body footer a.home:visited {
color: var(--accent1);
}

.tab { margin-left: 10vw; }
.tab2 { margin-left: 20vw; }

</style>
