@import url("/styles/html5.css");
@import url("/styles/colors.css");
@import url("/styles/font-face.css");

@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}

html, body {
    margin: 0; padding: 0;
}

/* LVHA */
a { text-decoration: none; 0}
#main a:link, a:visited {
    border-radius: .25em;
    -moz-border-radius: .25em;
    -webkit-border-radius: .2em;
    padding: 0 .2em;
}

header {
    /* text-shadow: 2px 2px 6px #333; */
    /* text-shadow: 0.07em 0.07em 0.21em #333; */
    /* text-shadow: 0 0 0.2em #ddd; */
    /* text-shadow: 0 0 0.8em #000000; */
    /* text-shadow:1px 1px 1px rgba(0, 0, 0, 0.8); */
    text-shadow:3px 3px 4px rgba(0, 0, 0, 0.6);
    text-align: center;
}
    header>h1, header>h1+div {
        margin: auto; padding: 0;
	line-height: .95;
    }
    header>h1 {
	font-family: LeaguegothicRegular;
	font-weight: normal;
	font-size: 12em;
	text-transform: uppercase;
    }
    header>h1+div { 
	/* font-family: "OFLSortsMillGoudyItalic"; */
	/* font-family: LeaguegothicRegular; */
    font-family: "Yanone Kaffeesatz";
    font-style: italic;
    font-weight: bold;
	/* font-size: 175%; */
	font-size: 200%;
	max-width: 27em;
    }

/* One glorious day it will be possible to style the different pieces
   with nth-of-type(N), but not enough browsers support that today, so
   I've got to use ids. */
/*
    header>h1>span:nth-of-type(1) { joy: 1; }
    header>h1>span:nth-of-type(2) { joy: 1; }
    header>h1>span:nth-of-type(3) { joy: 1; }
*/

/* #name, #verb, #clause {
    display: block; text-align: center; }
#verb {
    font-size: 400%; text-transform: uppercase;
}
#clause {
    font-size: 175%;
} */

#name, #phrase {
    display: block; text-align: center; }
#name { font-size: 325%; }
#phrase {
    font-size: 250%;
    margin: auto;
}
    /* why is this not being inherited? */
    #phrase div, #phrase p { margin: auto; }
#clause .blogger-post-footer { display: none; }

#main {
    width: 65%;
/*    width: 60%; */
    margin: auto;
    text-align: justify;
    font-size: 1.5em;
/*    font-size: 2em; */
/*    line-height: 1.2; */
    line-height: 1.7;
    font-family: OFLSortsMillGoudyRegular, "Graublau Web", Museo, "Lucida Grande",
        "Lucida Sans Unicode", "Lucida Sans", Helvetica,
        "Liberations Sans", Arial, sans-serif;
}

    #main strong {
        font-weight: normal;
        font-style: italic;
        font-family: OFLSortsMillGoudyItalic, "Graublau Web Bold", Museo, "Lucida Grande",
            "Lucida Sans Unicode", "Lucida Sans", Helvetica,
            "Liberations Sans", Arial, sans-serif;
    }

.row {
  display: flex;
}

.column {
  flex: 50%;
}