﻿body {
    background-color: lightblue;
    min-height: 100%;
    min-width: 450px;
    max-width: 1250px;
    margin: 0px auto;
}

h1 {
    align-content: center;
    font-family: 'Comic Sans MS';
    color: blueviolet;
    width: 100%;
}

h2 {
    align-content: center;
    font-family: 'Comic Sans MS';
    color: blueviolet
}

.containers {
    background-color: cadetblue;
    border-color: cornflowerblue;
    border-radius: 5px;
    border-width: 5px;
    margin: 10px;
    padding: 5px;
}

.containerHeader {
    display: block;
    width: 100%;
}

.containerMid {
    display: block;
    width: 100%;
}

.containerProject {
    width: 230px;
    height: fit-content;
    padding: 10px 0px;
    text-align: center;
}

    .containerProject ul {
        display: table;
        padding: 0;
        margin: 5px auto;
        width: 80%;
    }

    .containerProject li {
        height: 50px;
    }

.navButton {
    background-color: lightsteelblue;
    color: mediumpurple;
    border-color: darkblue;
    border-radius: 10px;
    font-family: 'Broadway BT';
    font-size: 16px;
    display: block;
    text-align: center;
    margin: auto;
    height: 30px;
    width: 90%;
    padding: 5px;
}

    .navButton:hover {
        transform: scale(1.15);
        border-color: royalblue;
        background-color: rebeccapurple;
        color: lightblue;
    }

.containerTitle {
    display: block;
    vertical-align: central;
    align-content: center;
    margin: 10px;
}

containerFooter {
    display: block;
    vertical-align: central;
    align-content: center;
    text-align: center;
    margin: 10px;
}

.containerCrypto {
    width: 450px;
}

.ccTable {
    width: 100%;
}

.ccHeader {
    font-size: xx-large;
    font-weight: bolder;
    text-align: center;
    font-family: 'Comic Sans MS';
    color: blueviolet;
}

.ccFooter {
    font-size: large;
    font-style: italic;
    font-weight: bolder;
    text-align: center;
    font-family: 'Comic Sans MS';
    color: blueviolet;
}

.ccName {
    font-size: larger;
    color: azure;
    font-family: 'Times New Roman', Times, serif;
}

.containerCrypto a, .containerCrypto a:active, .containerCrypto a:focus, .containerCrypto a:hover {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjMuMiAzMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwNi41IDI0LjNWNC42aDIuM3YyMC4yYzAgMS41LTEuMiAyLjgtMi43IDIuOGgtMS43Yy0xLjUgMC0yLjgtMS4yLTIuOC0yLjhWNC42aDIuM3YxOS43YzAgLjcuNSAxLjIgMS4xIDEuMmguNGMuNSAwIDEuMS0uNSAxLjEtMS4yek03Ni45IDQuNGMxLjUuMSAyLjggMS40IDIuOCAyLjl2MTcuNWMwIDEuNS0xLjIgMi44LTIuOCAyLjloLTEuOGMtMS42IDAtMi44LTEuMy0yLjktMi45VjcuM2MwLTEuNiAxLjMtMi45IDIuOS0yLjloMS44em0uNCAxOS45VjcuN2MwLS43LS41LTEuMy0xLjItMS4zaC0uM2MtLjcgMC0xLjIuNi0xLjIgMS4zdjE2LjZjMCAuNy41IDEuMiAxLjIgMS4zaC40Yy42IDAgMS4xLS42IDEuMS0xLjN6bTE0LTE5LjdjMS42IDAgMi44IDEuMyAyLjggMi45djE3LjFjMCAxLjYtMS4zIDIuOC0yLjggMi45aC00LjRWNC42aDQuNHptLjYgMTkuM1Y4LjFjMC0uNi0uNC0xLjEtMS0xLjJoLTEuN3YxOC4yaDEuNWMuNi4xIDEuMS0uNCAxLjItMXYtLjJ6TTY1LjcgNC42IDYyLjUgMTZsMy4zIDExLjRoLTIuM2wtMi4xLTcuMy0yLjEgNy4zSDU3TDYwLjEgMTYgNTYuOSA0LjZoMi4zbDIuMSA3LjMgMi4xLTcuM2gyLjN6bS0xNSAyMC41LS42IDEuOWMtLjEuMi0uMy40LS42LjRoLTUuOVY0LjZoNy4xbC0uNiAxLjljLS4xLjItLjMuNC0uNi40aC0zLjZ2Ny4zaDMuOGwtLjYgMS45Yy0uMS4zLS4zLjQtLjYuNGgtMi43VjI1aDQuOXYuMXpNMTE5IDEyLjlsMi43IDUuMmMuNiAxLjEgMSAyLjQgMSAzLjZ2Mi45YzAgMS42LTEuMyAyLjktMi45IDIuOWgtMS41Yy0xLjUtLjEtMi44LTEuNC0yLjgtMi45di0zLjNjMC0uMy4yLS41LjQtLjZsMS45LS41djRjMCAuNy41IDEuMiAxLjIgMS4yczEuMi0uNSAxLjItMS4ydi0yLjZjLS4xLTEuMS0uNC0yLjEtMS0zLjFsLTIuNy01LjJjLS42LTEuMS0xLTIuNC0xLTMuNlY3LjRjMC0xLjYgMS4yLTMgMi45LTNoMS41YzEuNi4xIDIuOCAxLjUgMi43IDN2MS44YzAgLjMtLjIuNS0uNC42bC0xLjkuNVY3LjdjMC0uNy0uNS0xLjItMS4yLTEuMlMxMTggNyAxMTggNy43djIuMmMuMSAxLjEuNCAyLjEgMSAzeiIvPjxsaW5lYXJHcmFkaWVudCBpZD0icHJlZml4X19hIiB4MT0iLTE5MTYuMzkyIiB4Mj0iLTE5MTUuMzkxIiB5MT0iMjU0MS4zODUiIHkyPSIyNTQxLjM4NSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgzMS45OTIgMCAwIDMyIDYxMzA5LjIwMyAtODEzMDguMzIpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMDBiZmZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNjYxOWZmIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI3ByZWZpeF9fYSkiIGQ9Im0yMi40IDE2IDkuNiA5LjZoLTMuNGMtLjYgMC0xLjEtLjItMS41LS42bC04LjktOSA4LjktOC45Yy40LS40IDEtLjYgMS41LS42SDMyTDIyLjQgMTZ6TTQuOSA3LjFjLS40LS40LTEtLjYtMS41LS42SDBMOS42IDE2IDAgMjUuNmgzLjRjLjYgMCAxLjEtLjIgMS41LS42bDguOS04LjljMC0uMS04LjktOS04LjktOXpNMTYgMTguMmwtOC45IDguOWMtLjQuNC0uNiAxLS42IDEuNVYzMmw5LjYtOS42IDkuNiA5LjZ2LTMuNGMwLS42LS4yLTEuMS0uNi0xLjVMMTYgMTguMnptMC00LjQgOC45LTguOWMuNC0uNC42LTEgLjYtMS41VjBMMTYgOS42IDYuNCAwdjMuNGMwIC42LjIgMS4xLjYgMS41bDkgOC45eiIvPjwvc3ZnPg==) no-repeat 0;
    background-size: auto 100%;
    background-position: center;
    display: block;
    height: 32px;
    padding: 0;
    position: relative;
    text-decoration: none;
    text-indent: -9999px;
}

.ccCenter {
    padding: 20px;
    text-align: center;
}


.containerCashFX {
    width: 450px;
}

    .containerCashFX a, .containerCashFX a:active, .containerCashFX a:focus, .containerCashFX a:hover {
        background: url(https://cashfxgroup.com/assets/images/brand/logo-no-tag.png) no-repeat 0;
        background-size: auto 100%;
        background-position: center;
        display: block;
        height: 32px;
        padding: 0;
        position: relative;
        text-decoration: none;
        text-indent: -9999px;
    }



.containerExchanges {
    width: 450px;
}

.Binance, .Binance:active, .Binance:focus, .Binance:hover {
    background-image: url('images/Binance.png');
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    display: block;
    height: 32px;
    padding: 0;
    position: relative;
    text-decoration: none;
    text-indent: -9999px;
}

.Uphold, .Uphold:active, .Uphold:focus, .Uphold:hover {
    background-size: auto 100%;
    background-position: center;
    display: block;
    height: 32px;
    padding: 0;
    position: relative;
    text-decoration: none;
    text-indent: -9999px;
    background-image: url('images/Uphold.png');
    background-repeat: no-repeat;
}

.Bybit, .Bybit:active, .Bybit:focus, .Bybit:hover {
    background: url(https://s1.bycsi.com/asset/image/logo-white.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    display: block;
    height: 32px;
    padding: 0;
    position: relative;
    text-decoration: none;
    text-indent: -9999px;
}

.Coinbase, .Coinbase:active, .Coinbase:focus, .Coinbase:hover {
    background-image: url('images/coinbase.png');
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    display: block;
    height: 32px;
    padding: 0;
    position: relative;
    text-decoration: none;
    text-indent: -9999px;
}

.containerFooter table {
}

.containerFooter td {
    text-align: center;
}

.ccQR {
    width: 100%;
}

.innerTable {
    border: 1px solid slategray;
}

.donations {
    font-family: 'Arial Rounded MT';
    font-size: medium;
    color: blueviolet;
}

.smallprint {
    font-family: 'Arial Rounded MT';
    font-size: small;
    font-weight: bold;
    font-style: italic;
    color: darkblue;
}

.containerDetails {
    display: block;
    min-width: 350px;
    height: auto;
    padding:2px 10px 10px 10px;
    margin: 20px 490px auto 260px;
    font-family: 'Comic Sans MS';
    color: blue;
    font-size: large;
    overflow: hidden;
}

.WIP {
    background-image: url('images/wip.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 500px;
    height: 500px;
    margin: 0 auto;
}
