.nav-container{
display: flex;
flex-direction: column;
}
nav h2{ /* Plant Height, Text */
margin-top: 49%;
font-family: Calibri;
font-weight: bold;
font-size: 3.6vh;
color: #663300;
}
.pulse { /* Animation by Paulund */
animation-name: pulse_animation;
animation-duration: 15s;
transform-origin:50% 50%;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes pulse_animation {
0% { transform: scale(1); }
5% { transform: scale(1.01); }
10% { transform: scale(1.02); }
15% { transform: scale(1.03); }
20% { transform: scale(1.05); }
25% { transform: scale(1.07); }
30% { transform: scale(1.09); color: #ffff00}
35% { transform: scale(1.11); }
40% { transform: scale(1.14); }
45% { transform: scale(1.17); }
50% { transform: scale(1.20); }
55% { transform: scale(1.23); color: #ffaa00}
60% { transform: scale(1.27); }
65% { transform: scale(1.31); }
70% { transform: scale(1.35); }
75% { transform: scale(1.40); }
80% { transform: scale(1.45); color: #b51a00 }
85% { transform: scale(1.40); }
90% { transform: scale(1.20); }
95% { transform: scale(1.10); }
100% { transform: scale(1); }
}
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-menu{
left: 18.50vh;
margin: auto;
width: 25.0vh;
padding: 0.5vh;
text-align: center;
list-style: none
}
.nav-menu a
{
text-decoration: none;
color: #663300;
font-family: Arial Black, Baskerville Old Face;
font-size: 3.0vh;
font-weight: bold;
background-image: linear-gradient(10deg, #548642, #6cab55, #91c080, #b3d3a7, #c3dcba, #d9e9d3);
display: block;
border: ridge 0.7vh #609f60; /* 4d804d Sets the border color to a shade of green */
border-radius: 1.0vh; /* Puts an equal radius on all four border corners*/
padding:0.2vh;
margin: 1.0vh;
}
.nav-menu a:hover {
background: #bfad13;
color: #fff;
border: ridge 0.7vh #c47700; /* 4d804d Sets the border color to a shade of green */
border-radius: 1.0vh; /* Puts an equal radius on all four border corners*/
padding:0.2vh;
margin: 1.0vh;
text-decoration: none;
}