@keyframes backgroundAnimation {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -480px;
  }
}
#app {
  background: #131619 !important;
}

.pusher {
  background: url("../images/background/responsive.jpg") repeat-y center center fixed !important;
  animation: backgroundAnimation 30s linear infinite;
}

#search > div {
  display: flex;
  flex-direction: column;
  height: initial;
}

#search input {
  padding: 5px 10px !important;
  font-size: 0.7em;
  border-bottom: 0 !important;
}

#search input:focus {
  border-bottom: 0 !important;
}

#search i {
  display: none;
}

#logo {
  margin-top: 5px;
  border-top: solid 5px #188AE3 !important;
  border-bottom: solid 5px #F04A3C !important;
}
#logo h1 {
  width: 100%;
  text-align: center;
  font-size: 1.7em;
}
#logo:hover {
  border-top-width: 5px;
  border-bottom-width: 5px;
}

#logo + input {
  width: 100% !important;
  background-color: #131619 !important;
  text-align: center;
}

#ipod-wrapper {
  display: none;
}

#about {
  font-size: medium !important;
}

#atmospheres-btn {
  display: none;
}

#menu {
  overflow: hidden;
}

#autocomplete {
  width: 100%;
  top: 100px;
}

#fav-ipod,
#fav-sound,
#fav-autocomplete,
#atmospheres {
  display: none;
}

#toggle-carousel {
  display: none;
}

#playlist, #favorites {
  margin-top: 0 !important;
  padding-bottom: 80px !important;
}

#user {
  height: 100% !important;
}
#user #user-connected, #user #user-not-connected {
  flex-direction: column;
}
#user #user-connected #user-msg, #user #user-not-connected #user-msg {
  font-size: medium;
  margin-bottom: 5px !important;
}
#user #user-connected #login, #user #user-not-connected #login {
  width: 70%;
}