.dark {
    --bg-color: #000000ec;
    --nav-color: #8164642f;
    --nav-hover: rgb(148, 140, 140);
    --nav-text-color: #82db77;
    --bg-drop-down: #8164642f;
    --h1-color: rgb(25, 14, 141);
    --p-color: green;
    --a-color: purple;
    --button-color:rgb(143, 27, 27);
    --button-bg-color:rgb(0, 0, 0);
    --button-color-hover:rgb(68, 47, 47);
    --button-bg-color-hover:rgb(143, 129, 129);
    --c1: yellow;
    --c2: yellow;
    --c3: yellow;
    --c4: yellow;
    --c5: yellow;
    transition: background-color ease-in 1s;
    --border-input-textarea:rgb(217, 255, 0);

}

.light {
    --bg-color: #ffffffec;
    --nav-color: #f1f1f1;
    --nav-hover: rgba(206, 201, 201, 0.877);
    --nav-text-color: #000611;
    --bg-drop-down: #f1f1f1;
    --h1-color: rgb(68, 124, 150);
    --button-color:rgb(143, 27, 27);
    --button-bg-color:rgb(51, 38, 38);
    --button-color-hover:rgb(68, 47, 47);
    --button-bg-color-hover:rgb(143, 129, 129);
    --p-color: green;
    --a-color: purple;
    --c1: yellow;
    --c2: yellow;
    --c3: yellow;
    --c4: yellow;
    --c5: yellow;
    --border-input-textarea:rgb(0, 0, 0);

    transition: background-color ease-in 1s;

}

.solar {
    --bg-color: #6da128ec;
    --nav-color: #15cec52f;
    --nav-hover: rgb(49, 117, 10);
    --nav-text-color: #383f4b;
    --bg-drop-down: #15cec52f;
    --h1-color: rgb(218, 241, 9);
    --button-color:rgb(18, 11, 77);
    --button-bg-color:rgb(23, 117, 43);
    --button-color-hover:rgb(14, 3, 54);
    --button-bg-color-hover:rgb(5, 59, 5);
    --p-color: green;
    --a-color: purple;
    --c1: yellow;
    --c2: yellow;
    --c3: yellow;
    --c4: yellow;
    --c5: yellow;
    transition: background-color ease-in 1s;
    --border-input-textarea:rgb(32, 255, 11);


}