.about {
  max-height: 60%;
  z-index: 200;
  overflow-y: auto;
  text-align: left;
  width: 611px !important;
  font-size: 13px;
  line-height: 17px;
  color: var(--modal-text);
  position: relative;
}
.about a {
  cursor: pointer;
  text-decoration: underline !important;
  color: var(--modal-text);
}
.about a:active {
  color: var(--input-color);
}
.about p {
  margin-bottom: 10px;
}
.icon {
  float: left;
  height: 231px;
  width: 231px;
  box-shadow: 0px 13px 21px rgba(9, 20, 64, 0.34);
  margin-left: 40px;
  margin-top: 30px;
  margin-bottom: 30px;
  background-position: 50%;
  background-image: var(--decred-macos-1024-logo);
  background-size: 231px;
  background-repeat: no-repeat;
  border-radius: 48px;
}
.content {
  float: left;
  width: 260px;
  margin-left: 50px;
  margin-top: 30px;
}
.title {
  font-size: 27px;
  line-height: 34px;
  margin-bottom: 20px;
}
.closeButtonTop {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 10px;
  width: 10px;
  background-image: var(--x-grey);
  background-size: 10px 10px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.closeButtonTop:hover {
  opacity: 0.7;
}
.bottomArea {
  float: left;
  width: 100%;
  padding: 0 40px 20px 40px;
  color: var(--modal-bottom);
}
.bottomArea .wrapper {
  border-top: 1px solid var(--modal-stroke-color);
  padding-top: 10px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.bottomAreaMiddle a,
.bottomAreaRight a {
  color: var(--modal-bottom) !important;
}
.bottomArea a.upgrade {
  color: var(--input-color);
  cursor: pointer;
  text-decoration: none !important;
}
.bottomArea a.upgrade:hover {
  color: var(--input-color-hover);
}

@media (--md-viewport) {
  .about {
    width: inherit;
  }
}

@media (--xs-viewport) {
  .about {
    width: 455px !important;
    height: 290px;
    overflow: hidden;
  }
  .about .content {
    margin-left: 25px;
    padding-bottom: 20px;
    margin-top: 20px;
  }
  .about .icon {
    margin-top: 20px;
    margin-left: 20px;
    height: 66px;
    width: 66px;
    background-size: 59px;
    border-radius: 23px;
  }
  .about .bottomArea {
    width: 453px;
    padding: 0 20px 20px 20px;
  }
}
