html {
margin-top: 47px; } #mobile-demo a { color: white !important; } #sd { display: block; background: url('/assets/images/misc/logo.png') no-repeat -15px 0; height: 100%; width: auto; } #body-wrapper { min-height: 90vh; } a { color: #579529; }
menu-main-navigation search:hover{ background-color: white;
transition: width 1s; width: 200px; color: darkslategray; } #menu-main-navigation #search:focus{ background-color: white; transition: width 1s; width: 200px; color: darkslategray; } #menu-main-navigation #search{ height: 2.7rem !important; border-radius: 50px; width: 20px; transition: width 1s ease-in-out; padding-right: 20px; color: transparent; padding-left:45px; } #sidemenu-main-navigation #search{ height: 2.7rem !important; border-radius: 50px; width: inherit; padding-right: 20px; color: darkslategray; padding-left:45px; } .search-icon-white{ color: darkslategray !important; }
/*
#search-icon{ color: red !important; } */ @media screen and (min-width: 640px) { .zoom-hover{ transition: transform .2s; /* Animation */ } .zoom-hover:hover { transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ z-index:99; } } .rounded-corner{ border-radius: 10px; } body { background-image: linear-gradient(0deg, rgba(36, 0, 10, 1) 2%, rgba(23, 45, 5, 0.8981967787114846) 100%), url("/assets/images/misc/GG_BG_C-10.jpg"); background-position: left top; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; height: 100% !important;
}
.vertically-centered-on-mobile-and-web {
display: flex; justify-content: center; align-items: center;
}
.flex {
display: flex !important; flex-wrap: wrap !important; } #spotify_div { position: fixed; bottom: 0; width: 100%; opacity: 0.4; transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out; -webkit-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out; } #spotify_div:hover { opacity: 1.0; }