@import "tailwindcss";

@font-face {
    font-family: IBMModel3xAlt4;
    src: url('../files/assets/fonts/main.woff');
    font-display: block;
}

body {
    font-family: IBMModel3xAlt4;
    color: #474444;
    line-height: 1.4em;
}

body p, span, a{
    transform: translateZ(0);
}

.bold-text {
    text-shadow: 1px 0px 0px currentColor;
}

.bigtext {
    font-size: 2rem;
    line-height: 2rem;
}

.hoverline:hover {
    text-decoration: underline;
}

.border-console {
    border-width: 1px;
    border-top-color: var(--color-consoletopleftborder);
    border-left-color: var(--color-consoletopleftborder);
    border-bottom-color: var(--color-consolebottomrightborder);
    border-right-color: var(--color-consolebottomrightborder);
}

.console-button {
    border: 2px solid;
    border-bottom-color: var(--color-consoletopleftborder);
    border-right-color: var(--color-consoletopleftborder);
    border-top-color: var(--color-consolebottomrightborder);
    border-left-color: var(--color-consolebottomrightborder);
}

.console-button2 {
    border: 1px solid black;
}

.border-box {
    border-width: 1px;
    border-top-color: var(--color-shoutboxtopleftborder);
    border-left-color: var(--color-shoutboxtopleftborder);
    border-bottom-color: var(--color-shoutboxbottomrightborder);
    border-right-color: var(--color-shoutboxbottomrightborder);
}

.border-boxbutton {
    border-width: 1px;
    border-top-color: var(--color-shoutboxbottomrightborder);
    border-left-color: var(--color-shoutboxbottomrightborder);
    border-bottom-color: var(--color-shoutboxtopleftborder);
    border-right-color: var(--color-shoutboxtopleftborder);
}

.glow {
    box-shadow: 0px 0px 10px 4px rgba(255, 255, 255, 0.4);
}

.glow-gold {
    box-shadow: 0px 0px 10px 4px rgba(255, 225, 53, 0.5);
}

.border-selectoption {
    border-width: 1px;
    border-top-color: var(--color-shoutboxbottomrightborder);
    border-left-color: var(--color-shoutboxbottomrightborder);
    border-bottom-color: var(--color-shoutboxtopleftborder);
    border-right-color: var(--color-shoutboxtopleftborder);
}

.blurFix{
    transform: translateZ(0);
}

.glow-shoutbox {
    text-shadow: 0px 2px 6px black;
}

.glowtext {
    text-shadow: 1px 1px 0px rgba(40, 40, 40, 0.25);
}