njump/static/styles.css

html {
  font-family: Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 300;
}

body {
  color: #373737;
}

a {
  color: #373737;
}

.background {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
  overflow: hidden;
  z-index: -1;
}
.background::after {
  content: "";
  position: absolute;
  background-color: #FAFAFA;
  width: 140%;
  height: 100%;
  transform: rotate(-20deg);
  transform-origin: bottom;
  bottom: -40%;
}

.top {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1rem 0;
  justify-content: left;
}

.container_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.nostr_link {
  flex-basis: 15%;
  text-align: right;
  text-decoration: none;
}

.container {
  display: flex;
  width: 70%;
  justify-content: space-between;
  gap: 4.8vw;
}

.columnA {
  flex-basis: 25%;
  margin-top: 2rem;
}

.container.profile .columnA .pic-wrapper {
  max-width: 100%;
  overflow: hidden;
}
.container.profile .columnA img.pic {
  max-width: 100%;
  width: 100%;
  height: auto;
  -webkit-clip-path: url(#svg-shape);
  -moz-clip-path: url(#svg-shape);
  -o-clip-path: url(#svg-shape);
  -ms-clip-path: url(#svg-shape);
  clip-path: url(#svg-shape);
}

.last_update {
  font-size: 0.8em;
  text-align: center;
  color: #C9C9C9;
}

.columnB {
  flex-basis: 50%;
  max-width: 50%;
  flex-grow: 0;
  flex-shrink: 0;
  word-wrap: break-word;
  margin-right: 1vw;
}
.columnB .name {
  font-size: 1.6rem;
}
.columnB .name .display {
  color: #C9C9C9;
}
.columnB .separator {
  height: 6px;
  width: 30%;
  margin-left: -0.6rem;
  background-color: #F3F3F3;
}
.columnB .field {
  margin-bottom: 1.5rem;
}
.columnB .field .label {
  font-size: 0.8rem;
  color: #E32A6D;
}

.columnC {
  flex-basis: 25%;
  margin-top: 2rem;
}
.columnC .title {
  font-size: 0.8rem;
  margin-bottom: 1rem;
}
.columnC .btn {
  display: flex;
  align-items: center;
  margin-bottom: 0.8rem;
}
.columnC .btn a {
  flex-basis: 80%;
  padding: 0.4rem;
  text-align: center;
  font-size: 0.9rem;
  color: #FFFFFF;
  background-color: #5A5A5A;
  text-decoration: none;
  border-radius: 8px;
}
.columnC .btn a:hover {
  background-color: #373737;
}
.columnC .btn:first-child a {
  background-color: #E32A6D;
}
.columnC .btn:first-child a:hover {
  background-color: #bc1150;
}
.columnC .btn span {
  flex-basis: 20%;
  margin-left: 0.4rem;
  color: #9a9a9a;
}

/*# sourceMappingURL=styles.css.map */