/* basic elements */
html
{
   margin: 0;
   padding: 0;
   color: #660059;
   font-family: Quintessential, serif;
   font-size: 26px;
   font-weight: normal;
   letter-spacing: 0em;
   text-align: justify;
 }

body
{
   font-size: 26px;
   font-weight: normal;
}

h1
{
   font-size: 80px;
   font-weight: bold;
   text-align: center;
}

h2
{
   font-size: 50px;
   font-weight: normal;
   text-align: center;
}

h3
{
   font-size: 30px;
   font-weight: normal;
   text-align: center;
}

blockquote
{
   font-family: "Courier New", Courier, monospace;
   text-align: left;
   font-weight: normal;
   letter-spacing: 0em;
}

p
{
   text-decoration: none;
   color: #FFFFFF;
}

a:link
{
   text-decoration: none;
   color: #C17D11
}

a:visited
{
   text-decoration: none;
   color: #8F5902;
}

a:hover, a:focus, a:active
{
   text-decoration: underline;
}

img:hover {
  -webkit-transform: scale(2,2);
   z-index: 1;
}

/* indents first line */
*.indent{
   color: #660059;
   text-indent:60px;
}

/* indents entire paragraph on the left and right */
*.fullparaindent{
   color: #660059;
   padding-left:60px;
   padding-right:60px;
}

/* outdents first line */
*.outdent{
   color: #660059;
   text-indent:-25px;
}

.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create two equal columns that sits next to each other */
.column {
  flex: 50%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
}