html
{
  margin: 0px;
}

a {
  color: black;
}

#main
{
  text-align: center;

}

p
{
   padding: 0px;
  line-height: 10%;
}

#pictures
{
  position:relative;
  top:25px;
  display: inline-block;
  margin:auto;
  z-index: 2;
  background-color: lightblue;
}

#title
{
  position:absolute;
  margin:10px auto;
  top: 150px;
  left:20px;
  width:250px;
  z-index: 1;
  background-color: lightblue;
  border-radius: 10px;
}


#content
{
  position:absolute;
  top: 300px;
  width:300px;
  background-color: lightblue;
  font-family: 'EB Garamond';
  line-height: 1.6;
  text-align: justify;
  text-justify: inter-word;

}


img
{
  border-radius: 5%;
}


@font-face {
  font-family: scriptfont;
  src: url(fonts/CustomCraft-Regular.woff);
}

@font-face {
  font-family: helvetica;
  src: url(fonts/helvetica.woff);
}


body {
  margin: 0px;
  background-color: lightblue;
  font-family: helvetica;
  Font-size:100%;

}

.script_font
{
  font-family: scriptfont;
}

.sans_font
{
  font-family: helvetica;
}

.large_font
{
  Font-size:300%;

}

hr
{
  border-top: 1px dashed black;
}


/* eb-garamond-regular - latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/eb-garamond-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('EB Garamond Regular'), local('EBGaramond-Regular'),
       url('../fonts/eb-garamond-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/eb-garamond-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/eb-garamond-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/eb-garamond-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/eb-garamond-v10-latin-regular.svg#EBGaramond') format('svg'); /* Legacy iOS */
}