#navigation{display:flex;z-index:2000}#navigation #logo{width:175px;height:175px;display:block;text-decoration:none;margin:10px;position:absolute;transform:scale(0.3) translate(-80%, -86%);clip-path:url("#logoClip");background:linear-gradient(45deg, #e25372 50%, #6374df 100%);background-size:300% 300%;-webkit-animation:gradientAnim 5s ease-in infinite;-moz-animation:gradientAnim 5s ease-in infinite;-o-animation:gradientAnim 5s ease-in infinite;animation:gradientAnim 5s ease-in infinite}#navigation #logo svg{width:100%;height:100%}@-webkit-keyframes gradientAnim{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@-moz-keyframes gradientAnim{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@-o-keyframes gradientAnim{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes gradientAnim{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}#navigation #logo:hover{background:#FFF !important}#navigation #mobile-nav-icon{display:block;position:absolute;margin:40px;right:0px;top:0px;width:10vw;height:10vw;display:none;opacity:0;transition:all 1s ease-in;cursor:pointer}@media only screen and (max-width: 767px){#navigation #mobile-nav-icon{margin:40px}}#navigation #mobile-nav-icon span{display:block;position:absolute;height:0.3rem;width:100%;background:linear-gradient(45deg, #e35371 50%, #6075e2 100%);background-size:300% 300%;-webkit-animation:gradientAnim 5s ease-in infinite;-moz-animation:gradientAnim 5s ease-in infinite;-o-animation:gradientAnim 5s ease-in infinite;animation:gradientAnim 5s ease-in infinite;border-radius:1rem;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}@-webkit-keyframes gradientAnim{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@-moz-keyframes gradientAnim{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@-o-keyframes gradientAnim{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes gradientAnim{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}#navigation #mobile-nav-icon span:nth-child(1){top:1rem}#navigation #mobile-nav-icon span:nth-child(2){top:2rem}#navigation #mobile-nav-icon.open span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#navigation #mobile-nav-icon.open span:nth-child(2){top:1rem;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}#navigation ul{display:flex;width:100vw;padding-left:26vw;height:4.5rem;text-align:right;background:rgba(0,0,0,0.8)}#navigation ul li{display:inline-block;text-align:center;height:4.5rem;line-height:4.5rem;flex-grow:1;flex-basis:0}#navigation ul li a{background:linear-gradient(45deg, #e35371 50%, #6075e2 100%);background-size:300% 300%;-webkit-animation:gradientAnim 5s ease-in infinite;-moz-animation:gradientAnim 5s ease-in infinite;-o-animation:gradientAnim 5s ease-in infinite;animation:gradientAnim 5s ease-in infinite;-webkit-background-clip:text;-o-background-clip:text;background-clip:text;color:transparent;text-decoration:none;display:inline;padding-right:1vw;-webkit-transition:.25s linear;-moz-transition:.25s linear;-o-transition:.25s linear;transition:.25s linear}@-webkit-keyframes gradientAnim{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@-moz-keyframes gradientAnim{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@-o-keyframes gradientAnim{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes gradientAnim{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}#navigation ul li a:hover{color:#FFF;text-shadow:0 0 3px #FFF}@media only screen and (max-width: 767px){#navigation{left:0px;z-index:2000}#navigation #mobile-nav-icon{display:block;opacity:1}#navigation ul{width:100vw;padding-left:0;padding-top:7.375rem;background:rgba(0,0,0,0.8);margin:0;display:none;height:100vh;opacity:0;transition:all 1s ease-in;-o-transition:all 1s ease-in;-moz-transition:all 1s ease-in;-webkit-transition:all 1s ease-in}#navigation ul.open{display:block;opacity:1}#navigation ul li{display:block;text-align:center;height:5rem;line-height:5rem}#navigation ul li a{font-size:3rem}}@media only screen and (max-width: 767px) and (max-width: 991px) and (max-height: 520px) and (orientation: landscape){#navigation ul li{height:3.5rem;line-height:3.5rem}}#navigation.color #mobile-nav-icon span{background:linear-gradient(45deg, #e25372 50%, #6374df 100%);background-size:300% 300%;-webkit-animation:gradientAnim 5s ease-in infinite;-moz-animation:gradientAnim 5s ease-in infinite;-o-animation:gradientAnim 5s ease-in infinite;animation:gradientAnim 5s ease-in infinite}@-webkit-keyframes gradientAnim{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@-moz-keyframes gradientAnim{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@-o-keyframes gradientAnim{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes gradientAnim{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}#navigation.color ul li a{background:linear-gradient(45deg, #e25372 50%, #6374df 100%);background-size:300% 300%;-webkit-animation:gradientAnim 5s ease-in infinite;-moz-animation:gradientAnim 5s ease-in infinite;-o-animation:gradientAnim 5s ease-in infinite;animation:gradientAnim 5s ease-in infinite;-webkit-background-clip:text;-o-background-clip:text;background-clip:text;color:transparent}@-webkit-keyframes gradientAnim{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@-moz-keyframes gradientAnim{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@-o-keyframes gradientAnim{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes gradientAnim{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}#navigation.color ul li a:hover{color:#FFF;text-shadow:0 0 3px #6374df}