TF2 RED AND BLU TEAM LAYOUTS

red and blu team themed layouts. they are admittedly pretty bare bones because im pretty new to html and css. might update these later when i get better.

RED

<style>

body {

background-color: #B8383B;

}

main {

background-color: #F39157;

color: #B8383B;

}

:root {

        --logo-blue: #F39157;

        --darker-blue: #B8383B;

        --lighter-blue: #B8383B;

        --even-lighter-blue: #F3E8BD;

        --lightest-blue: #F3E8BD;

        --dark-orange: #B8383B;

        --light-orange: ;

        --even-lighter-orange: #B8383B;

        --green: #F3E8BD;

    }

footer {

    border-radius: 15px;

    background-color: #F39157;

    color: #B8383B;

}

.online { visibility: hidden; } .online img { content: url(https://wiki.teamfortress.com/w/images/e/e3/Speech_mediccall.png); animation-name: none; visibility: visible; height: 33px; width: 33px; }

</style>

BLU

<style>

body {

background-color: #5885A2;

}

main {

background-color: #F3A957;

color: #5885A2;

}

:root {

        --logo-blue: #F3A957;

        --darker-blue: #5885A2;

        --lighter-blue: #5885A2;

        --even-lighter-blue: #F4F3DD;

        --lightest-blue: #F4F3DD;

        --dark-orange: #5885A2;

        --light-orange: ;

        --even-lighter-orange: #5885A2;

        --green: #F4F3DD;

    }

footer {

    border-radius: 15px;

    background-color: #F3A957;

    color: #5885A2;

}

.online { visibility: hidden; } .online img { content: url(https://wiki.teamfortress.com/w/images/e/e3/Speech_mediccall.png); animation-name: none; visibility: visible; height: 33px; width: 33px; }

</style>