@import url(https://fonts.bunny.net/css?family=alice:400|limelight:400), url(https://fonts.bunny.net/css?family=limelight:400);

html{
    font-family: "courier new", monospace;
    background-image: url("images/nurple-static-bright.gif");
    background-attachment: fixed;
    image-rendering: "pixelated";
    scrollbar-color: #efefef #101010;
}

body {
    margin: 0;
}

nav {
    font-family: "alice", serif;
    color: #fc4000;
    text-align: justify;
    text-align: center;
}

.nav{
    color: #fc4000
}

a {
    color: #fc4000;
}

.glowtext{
    color: #ffe7df;
    text-shadow: 0px 0px 4px #fc4000;
}

.glowtext-bright{
    color: #ffe7df;
    text-shadow: 0px 0px 10px #fea080;
}

.framed {
    border: 10px solid transparent;
    border-image: url(images/frame3.png) 10 round;
    margin: -10px;
    margin-top: auto
}

.whitelace {
    background-image: url("iimages/tumblr_fa1f87d9a501705974dbcad8ec5b9ef7_e88c3993_1280.png");
    border: 20px solid transparent;
    border-image: url("images/whitelace.png") 17 round;
    border-image-outset: 17px;
    border-image-slice: 34 fill;
    margin-top: 40px;
    margin-bottom: 20px;
}

.neon {
    color: white;
    background-color: black;
    border: 16px solid transparent;
    border-image: url(images/border_neon.png) 16 stretch;
    border-image-outset: 8px;
    border-image-slice: fill 48;
    padding: 0;
}

.grayscalezone{
    filter: grayscale(100%) blur(.25px);
}

.grayscalezone:hover{
    filter: grayscale(0%) blur();
}

.button_container {
    background-color: #c0c0c0;
    font-family: "georgia", serif;
    text-align: center;
    line-height: 0;
    padding: 4px;
    border-style: solid;
    border-width: 4px;
    border-color: white black black white;
    margin: auto;
}

.button{
    width: 88px;
    height: 31px;
    object-fit: fill;
    margin: 2px;
}

.beveled {
    background-color: #c0c0c0;
    border-style: solid;
    border-width: 2px;
    border-color: white black black white;
    margin: 0;
}

.beveled:hover {
    border-color: color-mix(in srgb, white, #fc4000 25%) color-mix(in srgb, black, #fc4000 25%) color-mix(in srgb, black, #fc4000 25%) color-mix(in srgb, white, #fc4000 25%);
}

.beveled:active {
    border-color: black white white black;
}

.beveled.rorange {
    background-color: #fc4000;
    border-color: #fea080 #7e2000 #7e2000 #fea080;
}

.beveled.rorange:hover {
    border-color: #fd7040 #bd3000 #bd3000 #fd7040;
}

.beveled.rorange:active {
    border-color: #7e2000 #fea080 #fea080 #7e2000;
}

.beveled.black {
    background-color: black;
    border-color: gray black black gray;
}

.beveled.black:hover {
    border-color: color-mix(in srgb, gray, #fc4000 25%) color-mix(in srgb, black, #fc4000 25%) color-mix(in srgb, black, #fc4000 25%) color-mix(in srgb, gray, #fc4000 25%);
}

.beveled.black:active {
    border-color: black gray gray black;
}

.beveled.silver {
    background-color: #c0c0c0;
    border-color: #e0e0e0 #606060 #606060 #e0e0e0;
}

.beveled.silver:hover {
    border-color: color-mix(in srgb, #e0e0e0, #fc4000 25%) color-mix(in srgb, #606060, #fc4000 25%) color-mix(in srgb, #606060, #fc4000 25%) color-mix(in srgb, #e0e0e0, #fc4000 25%);
}

.beveled.silver:active {
    border-color: #606060 #e0e0e0 #e0e0e0 #606060;
}

.beveled.white {
    background-color: white;
    border-color: white gray gray white;
}

.beveled.white:hover {
    border-color: color-mix(in srgb, white, #fc4000 25%) color-mix(in srgb, gray, #fc4000 25%) color-mix(in srgb, gray, #fc4000 25%) color-mix(in srgb, white, #fc4000 25%);
}

.beveled.white:active {
    border-color: gray white white gray;
}

.divider {
    text-align: center;
    margin: auto;
}

#main {
    max-width: 960px;
    margin: auto;
}

h1 {
    font-family: "limelight", "courier new", monospace;
    font-size: 3em;
    color: #fc4000;
    text-align: center;
    margin: auto;
    margin-top: 0;
}

h2 {
    text-align: center;    
}

h3 {
    text-align: center;    
}

h4 {
    text-align: center;    
}

h5 {
    text-align: center;    
}

h6 {
    text-align: center;    
}

ul {
  list-style-image: url("images/bullet.png");
}

textarea {
    resize: none;
    scrollbar-color: white white;
}

#hit_counter {
    width: 162px;
    height: 24px;
    border-style: ridge;
    border-color: #959b97;
    border-width: 4px;
    border-radius: 2px;
    padding-bottom: -4px;
    margin: auto;
    margin-top: 8px;
    margin-bottom: 8px;
}

/* Felix The Cat - https://www.cursors-4u.com/cursor/too427 */
* {
  cursor: url('https://cdn.cursors-4u.net/previews/felix-the-cat-fd40ada3-32.webp') 32 32, auto !important;
}
/* End www.Cursors-4U.com Code */