html,body {
background-color: #1a043d;
font-size:100%;
margin:0px;
padding:0px;
-webkit-font-smoothing: antialiased;

}


.header {
background-image: url('aoifecover.png');
height: 88.44rem;
width:80.38rem;
background-size:  56.44rem 40.38rem;
background-repeat: no-repeat;
background-position: bottom  left;
position: fixed;
bottom:0px;
left:-10px;
z-index: -1; 	 
}


::-webkit-scrollbar {
width: 0.625rem;
background: #edddce;  
}

::-webkit-scrollbar-thumb {
background: #edddce;
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
}

.content p a:link , .content p a:visited{
color:#e2a3b0;
border-bottom:dashed 0.0625rem #f0cbd3;
text-decoration: none;
letter-spacing: 0.125rem;
font-weight: 400;

}

.content p a:hover , .content p a:hover{
color:#bb7d8a;
}


a, a:link, a:hover, a:visited {
text-decoration: none;
font-weight: 400;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;

}

img {
max-width: 100%;
height: auto;
}

strong {
color:#e2cfa3;
}

.navi-contain {
position: fixed;
left:65.63rem;
margin: 0;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width:6.375rem;
} 


.footer {
position: fixed;
bottom:0px;
right:0.625rem;
}


.footer p, .footer a,.footer a:link, .footer a:hover, .foote a:visited {
cursor: pointer;
font-family: 'Open Sans', sans-serif;
color:#afacac;
font-size: 0.625rem;
font-weight: 400;
text-align: justify;
}

 .pagination {
text-align: center;
}

.pagination a:link , .pagination a:hover, .pagination a:visited {
font-size: 0.625rem;
text-align: center;
padding:0px  0.625rem;
color:#3d0a38;
cursor: help;
font-weight: 400;
font-family: 'B612 Mono', monospace;
text-decoration: none;
}

.navi a:link , .navi a:visited { 
-webkit-box-shadow: inset 0px 0px 2.625rem  -1.125rem rgba(247,243,242,1);
-moz-box-shadow: inset 0px 0px 2.625rem -1.125rem rgba(247,243,242,1);
box-shadow: inset 0px 0px 2.625rem -1.125rem rgba(247,243,242,1);
font-family: 'B612 Mono', monospace;
text-decoration: none;
border-bottom:solid  0.0625rem  #bdbdbd;
font-size:  0.5rem;
padding:0.5rem 0.375rem;
line-height:  1.25rem;
letter-spacing: 0.3125rem;
font-weight: 400;
display: block;
text-transform: uppercase;
width:5.625rem;
text-align: center;
margin:0.3125rem 0px;
color:#ded1c3;
background-color: #c2176a;
}
 
.navi a:hover {
color:#6c6a69;
cursor: default;
background-color: #c5c5c5;
}



.content {
width:26.25rem;
padding: 0.625rem  1.438rem;
background-color: rgba(255,255,255,0.52);
clear: both;
-webkit-box-shadow: inset 0px 0px  5.938rem -2.25rem rgba(227,221,220,1);
-moz-box-shadow: inset 0px 0px 5.938rem -2.25rem  rgba(227,221,220,1);
box-shadow: inset 0px 0px 5.938rem -2.25rem rgba(227,221,220,1);
margin-bottom: 5rem;
border: solid 0.0625rem #c9c9c9; 
}
 

.contain {
width:29.31rem;
overflow: hidden;
position: absolute;
top:6.25rem;
left:34.38rem;
}


.content p {
  font-family: 'Courier New', Courier, monospace;
color:#bd003f;
font-size:  0.75rem;
cursor: default;
font-weight: 400;
text-align: justify;
line-height:  1.875rem;
}


::-moz-selection {
color:#6e0078;
cursor: default;
background-color: #edddce;
}


::selection {
color:#6e00784;
cursor: default;
background-color: #edddce; 
}


ul {
list-style-type: square;
font-family: 'Open Sans', sans-serif;
color:#edddce;
font-size:  0.75rem;
cursor: default;
text-align: justify;
line-height: 1.875rem;
font-weight: 400;
}



ol {
list-style-type: lower-alpha;
font-family: 'Open Sans', sans-serif;
color:#edddce8;
font-size: 0.75rem;
cursor: default;
text-align: justify;
font-weight: 400;
line-height: 1.875rem;
}


blockquote {
font-family: 'Open Sans', sans-serif;
color:#edddce8;
font-size:  0.75rem;
cursor: default;
text-align: justify;
margin:0.625rem 0px; 
padding-left:0.625rem;
border-left:solid  0.375rem #b8b7b7;
padding-right:0px;
padding-top: 0px;
font-weight: 400;
padding-bottom: 0px;
line-height: 1.875rem;
}
 

.heading:nth-of-type(odd) {
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
cursor: default;
float:left;
padding: 0.75rem 1.25rem;
background-color: #6e0078; 
font-size:  1.625rem;
color:#3d0a38;
font-weight: 400;
border:solid 0.0625rem #d8d8d8;
margin-right:  0.9375rem;
margin-left:  0.5625rem;
border-radius: 0px  0.75rem 0px 0px;
-moz-border-radius: 0px  0.75rem 0px 0px;
-webkit-border-radius: 0px  0.75rem 0px 0px;
-webkit-box-shadow: inset 0px 0px 2.375rem -1.188rem rgba(255,255,255,1);
-moz-box-shadow: inset 0px 0px 2.375rem -1.188rem  rgba(255,255,255,1);
box-shadow: inset 0px 0px 2.375rem -1.188rem rgba(255,255,255,1);
}


 
.heading:nth-of-type(even) {
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
font-weight: 400;
-webkit-box-shadow: inset 0px 0px 2.375rem -1.188rem rgba(255,255,255,1);
-moz-box-shadow: inset 0px 0px 2.375rem -1.188rem  rgba(255,255,255,1);
box-shadow: inset 0px 0px 2.375rem -1.188rem rgba(255,255,255,1);
cursor: default;
float:right;
padding: 0.75rem   1.25rem;
background-color: #3d0a388; 
font-size: 1.625rem;
color:#6e0078;
border:solid 0.0625rem #d8d8d8;
margin-right:  9px;
border-radius: 0px  0.75rem 0px 0px;
-moz-border-radius: 0px  0.75rem 0px 0px;
-webkit-border-radius: 0px  0.75rem 0px 0px;
}


.heading:hover {
background-color: #3d0a38;
}


h1 {
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
word-break: break-all;
font-family: 'Crimson Text', serif;
margin-bottom: 0.25rem;
color: #858484;
font-size:  1.375rem;
text-align:  left;
line-height: 1.625rem;
letter-spacing:  0.125rem;
margin-top: 0px;
padding-left:  0.375rem;
margin-bottom:  0.25rem;
cursor: default;
font-weight: 600;
}


h1:hover {
color:#525252;
}


h2 {
-webkit-box-shadow: inset 0px 0px  2.375rem -1.188rem rgba(255,255,255,1);
-moz-box-shadow: inset 0px 0px  2.375rem -1.188rem rgba(255,255,255,1);
box-shadow: inset 0px 0px  2.375rem -1.188rem rgba(255,255,255,1);
font-family: 'Crimson Text', serif;
color: #8e8c8c;
cursor: default;
border:solid 0.0625rem #d8d8d8;
font-weight: 600;
margin-top: 0px;
background-color:#edddce);
letter-spacing: 0.25rem;
text-transform: uppercase;
width:100%;
padding: 0px 0.625rem;
height: 1.25rem;
font-size: 0.5625rem;
margin-bottom: 1.25rem;
text-align: left;
line-height:1.25rem; 
}


@media screen and (min-width: 1440px) { 
html  {
 font-size: 106%;
} }


@media screen and (min-width: 1600px) { 
html  {
 font-size: 116%;
} }


@media screen and (min-width: 1680px) { 
html  {
 font-size: 123%;
} }


@media screen and (min-width: 1920px) { 
html  {
  font-size: 141%;

} }
 

@media screen and (min-width: 2560px) { 
html  {
  font-size: 188%;

} }