#selectedTLM{
background: #006600;
border-color: #c47700;
}
nav h3{ /* Select Search Preference, Text */
margin-top: -0.8vh;
margin-bottom: 0;
width: 100%;
font-family: Calibri;
font-style: italic;
text-align: center;
font-size: 2.3vh;
color: #003400;
overflow: wrap;
}
.nav-container{
display: flex;
flex-direction: column;
}
nav h2{ /* Flower Color, Text */
margin-top: 50%;
font-family: Algerian;
font-weight: bold;
font-size: 3.5vh;
animation-delay: 5.0s;
-webkit-animation: colorchange 30s infinite;
}
@-webkit-keyframes colorchange {
0% {
color: #ffffff;
}
10% {
color: #ffffff;
}
20% {
color: #ffff00;
}
30% {
color: d58400;
}
40% {
color: #7b219f;
}
50% {
color: #4545ff;
}
60% {
color: #f1c9fe;
}
70% {
color: #b22222;
}
80% {
color: #007700;
}
90% {
color: #583400;
}
100% {
color: #ffffff;
}
}
.nav-menu{
left: 18.50vh;
margin: auto;
width: 25.0vh;
padding: 0.5vh;
text-align: center;
list-style: none
}
.nav-menu a
{
font-family: Calibri;
font-size: 2.2vh;
font-weight: bold;
text-decoration: none;
color: #006600;
display: block;
padding-top: 0.5vh;
padding-bottom: 0.5vh;
margin: 1.0vh;
}
.nav-menu a:hover {
font-family: Calibri;
font-size: 2.2vh;
font-weight: bold;
text-decoration: none;
color: #bfad13;
display: block;
padding-top: 0.5vh;
padding-bottom: 0.5vh;
margin: 1.0vh;
}
#gradWhite {
background-image: linear-gradient(to right, #ffffff , #d8f1fe);
border: outset 0.7vh #ffffff;
border-radius: 1.0vh;
}
#gradWhite:hover {
border: ridge 0.7vh #339933;
}
#gradWhiteSelected {
background-image: linear-gradient(to right, #ffffff , #d8f1fe);
border: inset 1.2vh #339933;
border-radius: 1.0vh;
}
#gradYellow {
background-image: linear-gradient(to right, #ffffd7 , #ecda10);
border: outset 0.7vh #ffffd7 ;
border-radius: 1.0vh;
}
#gradYellow:hover {
border: ridge 0.7vh #339933;
}
#gradYellowSelected {
background-image: linear-gradient(to right, #ffffd7 , #ecda10);
border: inset 1.2vh #339933;
border-radius: 1.0vh;
}
#gradOrange {
background-image: linear-gradient(to right, #fde1a9 , #ff6a00);
border: outset 0.7vh #fde1a9;
border-radius: 1.0vh;
}
#gradOrange:hover {
border: ridge 0.7vh #339933;
}
#gradOrangeSelected {
background-image: linear-gradient(to right, #fde1a9 , #ff6a00);
border: inset 1.2vh #339933;
border-radius: 1.0vh;
}
#gradPurple {
background-image: linear-gradient(to right, #e9c7f5 , #61177c);
border: outset 0.7vh #e9c7f5;
border-radius: 1.0vh;
}
#gradPurple:hover {
border: ridge 0.7vh #339933;
}
#gradPurpleSelected {
background-image: linear-gradient(to right, #e9c7f5 , #61177c);
border: inset 1.2vh #339933;
border-radius: 1.0vh;
}
#gradBlue {
background-image: linear-gradient(to right, #b1d0ff , #521faf);
border: outset 0.7vh #b1d0ff;
border-radius: 1.0vh;
}
#gradBlue:hover {
border: ridge 0.7vh #339933;
}
#gradBlueSelected {
background-image: linear-gradient(to right, #b1d0ff , #521faf);
border: inset 1.2vh #339933;
border-radius: 1.0vh;
}
#gradPink {
background-image: linear-gradient(to right, #fce2ec , #f4a4c0);
border: outset 0.7vh #fce2ec;
border-radius: 1.0vh;
}
#gradPink:hover {
border: ridge 0.7vh #339933;
}
#gradPinkSelected {
background-image: linear-gradient(to right, #fce2ec , #f4a4c0);
border: inset 1.2vh #339933;
border-radius: 1.0vh;
}
#gradRed {
background-image: linear-gradient(to right, #ffd3d4 , #ff0000);
border: outset 0.7vh #ffd3d4;
border-radius: 1.0vh;
}
#gradRed:hover {
border: ridge 0.7vh #339933;
}
#gradRedSelected {
background-image: linear-gradient(to right, #ffd3d4 , #ff0000);
border: inset 1.2vh #339933;
border-radius: 1.0vh;
}
#gradGreen {
background-image: linear-gradient(to right, #d8ffd7 , #006400);
border: outset 0.7vh #d8ffd7;
border-radius: 1.0vh;
}
#gradGreen:hover {
border: ridge 0.7vh #339933;
}
#gradGreenSelected {
background-image: linear-gradient(to right, #d8ffd7 , #006400);
border: inset 1.2vh #339933;
border-radius: 1.0vh;
}
#gradBrown {
background-image: linear-gradient(to right, #eadbc8 , #936c39);
border: outset 0.7vh #eadbc8;
border-radius: 1.0vh;
}
#gradBrown:hover {
border: ridge 0.7vh #339933;
}
#gradBrownSelected {
background-image: linear-gradient(to right, #eadbc8 , #936c39);
border: inset 1.2vh #339933;
border-radius: 1.0vh;
}