@font-face {
    font-family: 'W95FA';
    src: url(fontes/W95FA.otf);}

@font-face {
    font-family: 'Web437';
    src: url(fontes/Web437_DOS-V_re_JPN16.woff);}

.jacquard-12-regular {
    font-family: "Jacquard 12", system-ui;
    font-weight: 400;
    font-style: normal;}

.jim-nightshade-regular {
  font-family: "Jim Nightshade", cursive;
  font-weight: 400;
  font-style: normal;}

body {
    background:#fcfae2;
    background-image: url('bgs/church.png');
    font-family: 'Web437', monospace;
    font-size: 12px;
    line-height: 50pt;
    text-shadow: 0px 0px 1px #bbb;
    color:#414141;
    letter-spacing: 1px;
    line-height: 1.2;}

h1{
    font-family: "Web437";
    font-size: 30px;}

h2 {
    margin: 0px;
    padding: 0px;
    font-family: "Jim Nightshade", monospace;
    font-size: 30px;
    color: #fcfae2;
    position: relative;
    z-index: 1;
    filter: drop-shadow(0px 1px #000) drop-shadow(0 -1px #000) drop-shadow(1px 0 #000);}

t1{
    text-decoration: grey wavy underline;}

.container {
    display: grid;
    grid-template-columns: auto auto auto;
    column-gap: 10px;
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 800px;}

.header {
    padding-bottom:250px;
    background-image: url('bgs/headerbg2.png');
    background-size: 900px;
    background-position: top;
    height: 200px;
    width: 800px;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3%;
    border:1px solid #000000;
    padding:8px;}
    
        .header-text {
            text-align: left;
            padding-top: 130px;
            color: #fcfae2;
            font-family: "Jim Nightshade", cursive;
            font-size: 80px;
            filter: drop-shadow(0px 1px #000) drop-shadow(0 -1px #000) drop-shadow(1px 0 #000);}

#divdecor {
    filter: drop-shadow(0px 1px #000) drop-shadow(0 -1px #000) drop-shadow(1px 0 #000);
    position: relative;
    top:-185px;
    right:-600px;
    z-index: 1;}

.errorcontainer {
    justify-content: center;
    margin-left: auto;
    margin-top: 20%;
    margin-right: auto;
    position: relative;
    width: 400px;
    text-align: center;
    display: block;}

.navcontainer {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    width: 818px;}

#nav {
    background-image: url('images/black-orchid.png');
    background-color: #393424;
    border-radius: 0px 0px 10px 10px;
    height: 30px;
    line-height:30px;
    border:1px solid #000000;
    font:15px 'W95FA', monospace;
    padding-top:0px;
    text-align:center;}
      
#nav a { 
    width:100px;
    display:inline-block;
    font:12px 'W95FA', monospace;
    text-transform:lowecase;
    padding:8px; 
    color:#fcfae2;}
      
#nav a:hover {
    color:#8a8768;}

#content1 {
    width: 430px;
    float: left;
    margin: 0 auto;}

#content2 {
    margin: 0px;
    padding:15px;}

#left1 {
    width: 180px;;
    float: left;
    margin: 0 auto;}

#left2 {
    margin: 0px;
    padding:15px;}

#right1 {
    width: 180px;
    float: left;
    margin: 0 auto;}

#right2 {
    margin: 0px;
    padding:15px;}

#footer1 {
    width: 700px;
    float: center;
    margin: 0 auto;
    height: 100px;
    line-height:40px;
    text-align:center;
    margin: 0px;
    clear: both;}

.box1 {
    background-color: #393424;
    background-image: url('images/purty-wood.png');
    background-repeat: no-repeat;
    background-size:250%;
    background-position: absolute;
    border: 1px solid #111;
    border-radius: 3px;
    padding:5px;
}

.box {
    border: 1px solid #111;
    background-color: #faf9f1;
    padding: 6px;
    border-radius: 3px;
    color: #000000;
}

.inner {
    background-color: #fff;
    border: 1px solid #111;
    padding: 8px;
    background-image: url('bgs/notebook.jpg');
    background-repeat: no-repeat;
    background-size:100%;
    background-position: absolute;
    border-radius: 3px;
    color: #3d2b1f;
}

.inner1 {
    background-color: #fff;
    border: 1px solid #111;
    padding: 3px;
    background-image: url('bgs/notebook.jpg');
    background-repeat: no-repeat;
    background-size:100%;
    background-position: absolute;
    border-radius: 3px;
    color: #3d2b1f;
}

.inner2 {
    border: 1px solid #111;
    background-color: #faf9f1;
    padding: 6px;
    border-radius: 3px;
    color: #000000;
    max-height:120px;
}

.blinkies {
    padding: 6px;
    float:center;
    border-radius: 3px;
    color: #000000;
}

#borderimg1 {
  border: 10px solid transparent;
  padding: 15px;
  border-image: url(/images/border.png) 20% round;
}
      
.box-without-title {
    background:#fff;
    border:1px solid #000000;
    box-shadow: 3px 3px #000000;
    border-radius:1px;
    padding:8px;
    margin-bottom:2px;}      
          
a:link, a:visited, a:active { 
    color:#666;text-decoration:none;}
a:hover {
    color:#000000;}
      
#menu a {
    display:inline-block;
    margin-bottom:4px;
    padding:1px;
    padding-top:2px;
    width:150px;
    line-height:10px;
    font:'W95FA', monospace;
    text-transform:lowercase;
    text-align:left;
    color:#414141;}
      
#menu a:hover {
    color:#000000;
    font-weight: bold;
    text-decoration: wavy underline;}
            
      
      b {color:#000000;font-weight:bold;}
      i {font-style:italic;color:#aaa;}
      u {color:#daac5c;text-decoration:none;}
     
      
::-webkit-scrollbar-thumb {
    background-color: #bebdb4;  
    border-radius: 10px;
    border:0px solid #faf9f1;}
::-webkit-scrollbar {
    width: 8px; height: 0px; 
    background: transparent;}
      
textarea {
    font:10px calibri;letter-spacing:1px;}