music-player/src/App.scss

.App {
  height: auto;
  text-align: center;
}

.App-logo {
  height: 100px;
}

.Header {
  display: flex;
  justify-content: space-between;
  background: #fc0874;
height: 100px;
}

main {
  width: 99%;
  display: flex;
  flex-direction: row;
}

.Aside {
  width: 20%;
  background-color: cyan;
}

.Avatar {
  img {
    min-height: 60px;
    min-width: 60px;
    max-height: 60px;
    max-width: 60px;
    border-radius: 30px;
  }
}

.Spoiler {
  cursor: pointer;
}

.SpoilerContent {
  cursor: pointer;
  background: dodgerblue;
}

footer {
  width: 100%;
  background-color: #303030;
  position: fixed;
 bottom: 0px;
  .Player {
    background: white;

    button {
      margin: 5px;
    }

    .currentTime {
      width: 30%;
    }

  }
}


.LoginButtons {
  display: flex;
  flex-direction: row;
     margin-top: 40px;
  margin-right: 20px;
}

.RegColumn {
  display: flex;
  flex-direction: column;
}


.LoginColumn {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  margin-right: 20px;
}

.Tracks {
  text-align: left;
  padding: 2px;
  margin: 2px;
  border: 1px solid dodgerblue;
}