/* 
    > Main FIT CSS Stylesheet index
    > css is love, css is life
    > Made with love by the Furry Tech Team <3
    > Copyright 2023-∞ All rights reserved
*/

body {
    background-color: #008080;
    color: #ffffff;
    font-family: 'Courier New', Courier, monospace;
    background-image: url("/img/blue_wea.gif");
    background-repeat: repeat;
    /* zoom */
    zoom: 1.2;
}
#container {
    width: 85%;
    margin: 0 auto;
    padding: 20px;
    background-color: #000080;
    border: 2px dashed #ff00ff;
    background-image: url("/img/017C.png");
}
#header {
    background-color: #0000ff;
    color: #ffffff;
    padding: 20px;
    text-align: center;
    font-size: 32px;
    border-bottom: 3px double #ff00ff;
}
#flex {
    display: flex;
    justify-content: space-between;
}
aside {
    width: 20%;
    background-color: #020073;
    padding: 10px;
    border-right: 3px groove #ff00ff;
    text-wrap: pretty;
}
main {
    flex: 1;
    background-color: #012069;
    padding: 20px;
    margin-left: 10px;
    text-wrap: pretty;
}
footer {
    background-color: #0000ff;
    color: #ffffff;
    text-align: center;
    padding: 10px;
    margin-top: 20px;
    border-top: 3px double #ff00ff;
}
a {
    color: #00ff00;
}
.box {
    background-color: #000054;
    color: #00ff00;
    padding: 10px;
    margin-bottom: 10px;
}
ul {
    list-style-type: square;
    padding-left: 20px;
    text-wrap: pretty;
}
.marquee {
    background-color: #ff69b4;
    color: black;
    box-shadow: 0 0 10px #ff00ff;

}

html { cursor: url("/img/normal.gif"), auto; }
a:hover, button:hover, input:hover { cursor: url("/img/select.gif"), auto; }

body:before {
    content: "";
    position: fixed;
    opacity: 0.2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1000;
    background-image: url(/img/overlay.png);
    background-repeat: repeat;
    background-position: 0px 0px;
    animation-name: Static;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: steps(4);
    box-shadow: inset 0px 0px 10em rgb(0 0 0 / 40%);
    z-index: 5;
}

body:after {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1000;
    background-image: url(/img/overlay2.png);
    background-repeat: repeat;
    background-position: 0px 0px;
    animation-name: Static;
    animation-duration: 0.8s;
    animation-iteration-count: infinite;
    animation-timing-function: steps(4);
    z-index: 5;
}

@keyframes Static {
    0% { background-position: 0px 0px; }
    100% { background-position: 0px 4px; }
}

button {
    transition: opacity 0.5s ease-in-out;
}