diff --git a/src/App.css b/src/App.css index a38c73a..2ee7de9 100644 --- a/src/App.css +++ b/src/App.css @@ -1,4 +1,4 @@ -.CompanyName { +.CompanyNameContainer { padding: 12px 12px 0 12px; color: #e67e22; font-weight: bold; @@ -7,6 +7,42 @@ letter-spacing: 6px; } +.CompanyNameContainer span { + animation: light 10s infinite; +} + +@keyframes light { + 20% { + color: #e67e22; + } + 25% { + color: #ffd700; + } + 30% { + color: #e67e22; + } +} + +.CompanyNameContainer span:nth-child(1) { + animation-delay: 200ms; +} + +.CompanyNameContainer span:nth-child(2) { + animation-delay: 400ms; +} + +.CompanyNameContainer span:nth-child(3) { + animation-delay: 600ms; +} + +.CompanyNameContainer span:nth-child(4) { + animation-delay: 800ms; +} + +.CompanyNameContainer span:nth-child(5) { + animation-delay: 1000ms; +} + .Subtitle { text-align: center; color: #9b59b6; diff --git a/src/Components/SideMenu/index.js b/src/Components/SideMenu/index.js index 41a746a..9e2819f 100644 --- a/src/Components/SideMenu/index.js +++ b/src/Components/SideMenu/index.js @@ -37,7 +37,13 @@ export default function SideMenu({ setUserSession }) { }} >