.container{border-radius:.5rem;flex-wrap:wrap;gap:.1rem;padding:1rem;display:flex}.cell{background-color:trasparent;border-radius:radius;color:azure;flex-grow:1;padding:.1rem;font-size:.5rem}.container-two{grid-template-rows:1fr;grid-template-columns:1fr 1fr;padding-top:1.5em;display:grid}.on-left{grid-area:1/1}.on-right{text-align:center;grid-area:1/2;padding:1em}@keyframes animate{0%{background-position:-500%}to{background-position:500%}}@keyframes rotate{0%{transform:rotate(-1deg)}25%{transform:rotate(-2deg)}50%{transform:rotate(-1deg)}to{transform:rotate(0deg)}}header{width:auto;background-color:#2e8b57;border-radius:13px;justify-content:space-between;align-items:center;padding:.1em;transition:all .4s ease-in-out;display:flex;box-shadow:1px 2px 8px 3px #2f4f4f}header:hover{box-shadow:1px 2px 8px 3px #9acd32}#mynav img{height:50px;width:50px;background:azure;border-radius:20%;margin:15px;padding-top:5px;box-shadow:3px 2px 4px 3px #9acd32}.logo{text-align:left}.logo:hover{animation:rotate .5s infinite}#mynav li{color:#228b22;background:azure;border-style:groove;border-radius:5px;margin:5px;padding:5px 5px 5px .5em;font-size:22px;font-weight:700;transition:box-shadow .5s;display:inline-flex}#mynav li:hover{border-style:outset;box-shadow:1px 2px 8px 3px #adff2f}#mynav .active:hover{border-style:inset;top:20px;box-shadow:1px 2px 8px 3px #006400}#mynav ul{text-align:center;flex-basis:100%;align-self:flex-start;margin-top:1rem;margin-bottom:14px;padding:1px}#mynav .active{color:#9acd32;text-shadow:3px 1px 12px azure;background:#f8f8ff;border-style:inset}#mynav .active a{color:#9acd32}#mynav li a:hover{text-decoration:underline}#mynav .active a:hover{-webkit-text-decoration:unset;-webkit-text-decoration:unset;text-decoration:unset;animation:rotate .5s infinite}#mynav li a{font-display:block;color:#228b22;float:right;white-space:nowrap;padding:.1em .2em;text-decoration:none;animation:animate .5s infinite;display:block}#mynav li Icon{font-display:block;color:red;float:right;padding-left:.1em;display:block}@keyframes rotate-38cfb7{0%{transform:rotate(-1deg)}25%{transform:rotate(-2deg)}50%{transform:rotate(-1deg)}to{transform:rotate(0deg)}}h5[data-v-7c5264]{color:red;background-color:tomato;margin:1rem;padding:1rem;display:inline-block}h5[data-v-7c5264]:hover{color:silver;background-color:#f0f;font-size:1rem;font-weight:500}#v-logo[data-v-7c5264]{width:auto;padding:.5em}#v-logo .v-grid-contaner[data-v-7c5264]{color:var(--color);font-size:var(--fs);border:.2em solid var(--color);min-width:50vh;width:auto;background-color:azure;border-radius:.5em;padding:.5em;transition:all .4s ease-in-out;display:grid}#v-logo .v-grid-contaner[data-v-7c5264]:hover{background-color:snow}#v-logo .v-textCell[data-v-7c5264]{text-align:center;text-transform:uppercase;text-shadow:2px 2px;grid-area:1/1/auto/span 2;line-height:1.1}#v-logo .v-textCell[data-v-7c5264]:hover{text-shadow:1px 1px 1px;transition:all .4s ease-in-out}#v-logo .v-icoCell[data-v-7c5264]{grid-area:1/3;padding:.5em}h5[data-v-7c5264]{color:red;background-color:tomato;margin:1rem;padding:1rem;display:inline-block}h5[data-v-7c5264]:hover{color:silver;background-color:#f0f;font-size:1rem;font-weight:500}#v-logo[data-v-7c5264]{width:auto;padding:.5em}#v-logo .v-grid-contaner[data-v-7c5264]{color:var(--color);font-size:var(--fs);border:.2em solid var(--color);min-width:50vh;width:auto;background-color:azure;border-radius:.5em;padding:.5em;transition:all .4s ease-in-out;display:grid}#v-logo .v-grid-contaner[data-v-7c5264]:hover{background-color:snow}#v-logo .v-textCell[data-v-7c5264]{text-align:center;text-transform:uppercase;text-shadow:2px 2px;grid-area:1/1/auto/span 2;line-height:1.1}#v-logo .v-textCell[data-v-7c5264]:hover{text-shadow:1px 1px 1px;transition:all .4s ease-in-out}#v-logo .v-icoCell[data-v-7c5264]{grid-area:1/3;padding:.5em}