body {
font-size : 14px;
color : #ffffff;
background-image : url(images/halloween_header.jpg), url(images/halloween_bg.jpg);
background-repeat : no-repeat, repeat;
background-position : top right;
line-height : 30px;
font-weight : normal;
font-family : "Nova Mono", monospace;
letter-spacing : 2px;
text-align : justify;
margin-bottom : 10px;
}
::-webkit-scrollbar {
height : 20px;
width : 30px;
}
::-webkit-scrollbar-corner {
background-color : #000000;
}
::-webkit-scrollbar-track-piece {
background-color : #000000;
}
::-webkit-scrollbar-thumb {
width : 20px;
height : 3px;
background-color : #ffffff;
border : #000000 solid 14px;
}
.content {
width : 800px;
margin-left : auto;
margin-top : 400px;
margin-right : 60px;
padding : 30px;
}
h1 {
color : #FF8F16;
font-family: "Playwrite CU", cursive;
font-size:26px;
}
#navi {
position : absolute;
right : 960px;
top : 490px;
z-index : 2;background-color:#FF8F16;
padding : 30px;
}
a.navi {
color : #ffffff;
letter-spacing : 3px;
font-family: "Playwrite CU", cursive;
font-size:18px;
background : top center no-repeat #000000;
line-height : 20px;
padding : 5px;
display : block;
border : 0;
text-align :center;
text-decoration : none;
text-shadow : none;
width : 200px;
margin : 10px;
}
a.navi:link {
color : #ffffff;
letter-spacing : 3px;
font-family: "Playwrite CU", cursive;
font-size:18px;
background : top center no-repeat #000000;
line-height : 20px;
padding : 5px;
display : block;
border : 0;
text-align :center;
text-decoration : none;
text-shadow : none;
width : 200px;
margin : 10px;
}
a.navi:active {
color : #ffffff;
letter-spacing : 3px;
font-family: "Playwrite CU", cursive;
font-size:18px;
background : top center no-repeat #000000;
line-height : 20px;
padding : 5px;
display : block;
border : 0;
text-align :center;
text-decoration : none;
text-shadow : none;
width : 200px;
margin : 10px;
}
a.navi:visited {
color : #ffffff;
letter-spacing : 3px;
font-family: "Playwrite CU", cursive;
font-size:18px;
background : top center no-repeat #000000;
line-height : 20px;
padding : 5px;
display : block;
border : 0;
text-align :center;
text-decoration : none;
text-shadow : none;
width : 200px;
margin : 10px;
}
a.navi:hover {
color : #FF8F16;
font-family: "Playwrite CU", cursive;
font-size:18px;
background : top center no-repeat #000000;
text-decoration : none;
text-shadow : none;
}
a:link {
color : #E5C96A;
text-decoration : none;
font-size : 14px;
letter-spacing : 1px;
font-family : "Nova Mono", monospace;
font-weight : 500;
}
a:visited {
color : #E5C96A;
text-decoration : none;
font-size : 14px;
letter-spacing : 1px;
font-family : "Nova Mono", monospace;
font-weight : 500;
}
a:hover {
transition : 0.9s ease-out;
color : #FBCA0B;
cursor : pointer;
font-size : 14px;
letter-spacing : 1px;
font-family : "Nova Mono", monospace;
font-weight : 500;
}
a:active {
color : #E5C96A;
text-decoration : none;
font-size : 14px;
letter-spacing : 1px;
font-family : "Nova Mono", monospace;
font-weight : 500;
}
b {
color : #E18E47;
font-family : "Salsa", cursive;
font-size : 14px;
}
i {
color : #E18E47;
font-family : "Salsa", cursive;
font-size : 14px;
}
blockquote {
background-color : #26170D;
padding : 15px;
text-align : justify;
color : #ffffff;
font-style : italic;
border-radius : 40px;
opacity : 0.8;
}
@font-face {
font-family : 'Nova Mono';
font-style : normal;
font-weight : 400;
font-display : swap;
src : url(https://fonts.gstatic.com/s/novamono/v20/Cn-0JtiGWQ5Ajb--MRKfYA.ttf) format('truetype');
}