body {
  margin: 0;
  padding: 0;
}
.header {
  background: #1759A1;
  background: linear-gradient(0deg,rgba(23, 89, 161, 1) 0%, rgba(33, 111, 199, 1) 100%);
  overflow: auto;
}
.mobileLogo {
  display: none;
}
.header .logo {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 100px;
  height: 50px;
  margin-left: 10px;
}
.nav {
  height: 40px;
  background: #215389;
  background: linear-gradient(0deg,rgba(33, 83, 137, 1) 0%, rgba(32, 109, 191, 1) 100%);
  border-top: solid 1px #215389;
}
.nav .indNavLeft {
  float: left;
  color: white;
  font-size: 15px;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  border-right: solid 1px #215389;
  font-family: 'Source Sans 3', sans-serif;
  text-shadow: 2px 2px 2px #215389;
  cursor: pointer;
}
.nav .indNavRight {
  float: left;
  color: white;
  font-size: 15px;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  border-left: solid 1px #215389;
  font-family: 'Source Sans 3', sans-serif;
  text-shadow: 2px 2px 2px #215389;
  cursor: pointer;
}
.left {
  float: left;
}
.right {
  float: right;
}
.headerSearch {
  margin-left: 10px;
  height: 30px;
  background: white;
  width: 200px;
  border: solid 1px #215389;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  margin-top: 20px;
  font-family: 'Source Sans 3', sans-serif;
  padding-left: 10px;
}
.headerSearchButton {
  height: 34px;
  margin-right: 10px;
  font-family: 'Source Sans 3', sans-serif;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border: solid 1px #215389;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
}
.wrapper {
  width: 1000px;
  margin: 0 auto;
  background: red;
  margin-top: 40px;
  font-family: 'Source Sans 3', sans-serif;
}
.wrapperLeft {
  width: calc(40% - 20px);
  float: left;
}
.wrapperRight {
  width: calc(60% - 20px);
  float: right;
}
.profileImage {
  width: 100%;
  border-radius: 5px;
  width: 100%;
}
.profileName {
  font-size: 16px;
  margin-bottom: 10px;
}
.profileStatus {
  font-size: 18px;
  font-style: oblique;
  color: #343434;
  margin-top: 20px;
}
.profileDetails {
  color: #343434;
  font-size: 16px;
}
.profileDate {
  margin-top: 20px;
  color: #343434;
  font-size: 16px;
}
.profileDetailContainer {
  overflow: auto;
  padding: 20px;
  background: #9cc7f7;
  border-radius: 10px;
}
.profileContactContainer {
  background: #9cc7f7;
  margin-top: 20px;
  padding-bottom: 1px;
  border-radius: 10px;
}
.profileContactHeader {
  color: #215389;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  padding-left: 20px;
  padding-right: 20px;
}
.profileContainerInner {
  background: white;
  width: calc(100% - 4px);
  margin-left: 2px;
  margin-bottom: 2px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.profileContactGrid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 20px;
  padding: 20px;
}
.profileContactIcon {
  float: left;
  margin-right: 5px;
  height: 25px;
}
.musicContainer {
  border-radius: 10px;
  background: #9cc7f7;
  padding-bottom: 1px;
  margin-bottom: 20px;
}
.musicContainerHeader {
  color: #215389;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  padding-left: 20px;
  padding-right: 20px;
}
.musicContainerInner {
  background: white;
  width: calc(100% - 4px);
  margin-left: 2px;
  margin-bottom: 2px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding-top: 20px;
}
.songController {
  background: #215389;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  float: left;
  margin-right: 10px;
}
.songController img {
  width: 20px;
  margin: 15px;
}
.songContainer {
  padding: 20px;
  padding-top: 0px;
  color: #215389;
}
.postContainer {
  padding-left: 20px;
  padding-right: 20px;
}
.postContainer img {
  width: 100%;
  border-radius: 10px;
}
.postText {
  color: #343434;
  font-size: 16px;
}
.postDetails {
  color: #215389;
  font-weight: bold;
  font-size: 14px;
  margin-top: 10px;
  padding-bottom: 20px;
}
.showRow {
  padding: 20px;
}
.showIcon {
  width: 30px;
  float: left;
  margin-right: 10px;
}
.showText {
  line-height: 1;
}
.showSubtext {
  font-size: 14px;
}
.bigStatus {
  padding: 20px;
  text-align: center;
  border: solid 2px #9cc7f7;
  border-radius: 20px;
  margin-bottom: 20px;
  color: #9cc7f7;
  font-size: 30px;
  background: #9cc7f7;
  color: white;
  font-weight: bold;
}