html,
body {
    background-color: rgb(255, 255, 255);
    /* background: #020024;
    background: -webkit-linear-gradient(180deg, rgba(2, 0, 36, 1) 0%, rgba(0, 0, 0, 1) 95%, rgba(9, 9, 121, 1) 100%);
    background: -moz-linear-gradient(180deg, rgba(2, 0, 36, 1) 0%, rgba(0, 0, 0, 1) 95%, rgba(9, 9, 121, 1) 100%);
    background: linear-gradient(180deg, rgba(2, 0, 36, 1) 0%, rgba(0, 0, 0, 1) 95%, rgba(9, 9, 121, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024", endColorstr="#090979", GradientType=0); */
}

.reddit-color {
    background-color: #FF5700;
}

.fb-color {
    background-color: #1877F2;
}

.wa-color {
    background-color: #25D366;
}

.navbar-menu.is-active {
    animation: navAnim .2s ease-in-out;
}

.ta-col1 {
    background-color: orchid;
}

.ta-col2 {
    background-color: #1877F2;
}

.ta-col3 {}

.btn-primary {
    background-color: rgb(84, 230, 84);
    color: black;
}

.invert {  
  -webkit-filter: invert(.75); 
          filter: invert(.75);
}


a {
    color: rgb(84, 230, 84);
}

.textarea-index {
    font-size: x-large;
}

.blendmode {
    mix-blend-mode: difference;
}

.normallink {
    color: blue;
    text-decoration: underline;
}

.invisible {
            opacity: 0;
            visibility: hidden;
            height: 0;
            width: 0;
        }

        .pcanvas {
            width: -moz-available;
            width: -webkit-fill-available;
        }

        .lastcell {
            margin-bottom: 1.5rem;
        }


@keyframes navAnim {
    0% {
        display: none;
        opacity: 0;
        height: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        opacity: 1;
        height: 396px;
    }
}

hr {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 2px;
}

.text-animation {
    animation: colorChange 15s infinite;
    /* Animation name, duration, and infinite loop */
    /* transition-timing-function: cubic-bezier(.05,.85,0,.99); */
}

@keyframes colorChange {


    0% {
        color: #ff0000;
    }

    16% {
        color: #ff8000;
    }

    32% {
        color: #ffff00;
    }

    48% {
        color: #00ff00;
    }

    64% {
        color: #0000ff;
    }

    80% {
        color: #8000ff;
    }

    100% {
        color: #ff0000;
    }

}


#id_email {
    resize: none;
}

#id_message {
    resize: none;
}