a {
        color: white;
    }
    body {
        scrollbar-width: none;
        background-color: #1c081f;
    }

    .btn {
        margin-right: 5px;
        float: right;
        display: flex;
        border: 1.5px solid #603730;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
    }
    .window {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border: 1px solid black;
        margin: auto;
        margin-top: 20px;
        width: 1024px;
    }

    .windowme {
        margin-top: 25px;
        margin-right: 25px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border: 1px solid #c6c6c6;
        width: 259px;
        height: 640px;
        font-size: smaller;
        float: right;
    }
    .windowbar {
        border: 2px solid rgba(0, 0, 0, 0.25);
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom: 1px solid black;
        height: 27px;
        /*padding: 10px 0;*/
        /*background-color:#b17ab1;*/
        background-image: linear-gradient(purple,#fa92ff70);
        user-select: none;
    }
    .windowbarme {
        border: 2px solid rgba(0, 0, 0, 0.25);
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom: 1px solid black;
        height: 27px;
        /*padding: 10px 0;*/
        background-image: linear-gradient(purple,#fa92ff70);
        user-select: none;
    }
    .windowinfo {
        float: left;
        padding-right: 20px;
        background-image: radial-gradient(rgba(255, 255, 255, 0.625),transparent);
    }
    .windowbody {
        border: 2px solid rgba(0, 0, 0, 0.25);
        border-top: 0px;
        margin: auto;
        background-color:#e1e1e1;
        min-height: 740px;
    }
    .btnclose {
        background-color: #d64930;
        background-image: linear-gradient(#e8aa9e,#e9806d 49%,#d64930 50%,#de876c);
        color: white;
        text-shadow: black;
        width: 48px;
        height: 18px;
        border-bottom-right-radius: 6px;
        align-content:center;
        font-size: small;
        border:1px solid rgba(255, 255, 255, 0.268);
        border-top:1px solid white;
        border-left:1px solid black;
    }
    .btnmax {
        background-image: linear-gradient(rgba(255, 255, 255, 0.543) 0% 49%,rgba(255, 255, 255, 0.2) 50% 0%);
        border:1px solid rgba(255, 255, 255, 0.268);
        border-left:1px solid black;
    }
    .btnmin {
        border-bottom-left-radius: 6px;
        background-image: linear-gradient(rgba(255, 255, 255, 0.543) 0% 49%,rgba(255, 255, 255, 0.2) 50% 0%);
        border:1px solid rgba(255, 255, 255, 0.268);
    }

    button {
        background-image: linear-gradient(#f3f3f3 0% 50%, #cfcfcf 49% 100%);
        border-radius: 4px;
        min-width: 200px;
        height: 20px;
        border: 1px solid #707070;
    }

    button:hover {
        background-image: linear-gradient(#edf4f8 0% 50%, #bbd7e7 49% 100%);
        border:1px solid #5e86a3;
    }

    button:active {
        background-image: linear-gradient(#c6eaff 0% 50%, #96bcd2 49% 100%);
        border:1px solid #3c627d;
    }

    .toccard {
        float: right;
        border: 1px solid magenta;
        border-radius: 6px;
        background-color: black;
        width: 540px;
        height: 180px;
        margin: 10 20px;
    }

  .ticard {
        float: left;
        border: 1px solid magenta;
        border-radius: 6px;
        background-color: black;
        width: 540px;
        height: 180px;
        margin: 10 20px;
    }
  .tmcard {
        float: right;
        border: 1px solid magenta;
        border-radius: 6px;
        background-color: black;
        width: 540px;
        height: 180px;
        margin: 10 20px;
    }


    .tocbtn {
        transform: translate(445%, -100%);
        z-index: 1;
        background-color: #040014;
        text-align: center;
        border: 1px solid magenta;
        width: 97px;
        height: 24px;
    }

    .tibtn {
        transform: translate(0, -100%);
        z-index: 1;
        background-color: black;
        text-align: center;
        border: 1px solid white;
        width: 97px;
        height: 24px;
    }

    .tmbtn {
        transform: translate(445%, -100%);
        z-index: 1;
        background-color: #040014;
        text-align: center;
        border: 1px solid magenta;
        width: 97px;
        height: 24px;
    }
    .mainboard {
        text-align: center;
        padding: 5px;
        border-bottom: 2px solid white;
        border-top:4px solid #5c5c5c;
        border-radius: 20px;
        margin-left: 5px;
        background-image: radial-gradient(#c9c9c9, #aeaeae);
        height: 690px;
        width: 700px;
    }