Template:Tip/styles.css

.tip-wrapper {
  display: flex;
  border: 2px dotted #4cb31b;
  padding: .5rem;
  margin: .5rem auto;
  border-radius: 2rem;
  box-shadow: rgba(76, 179, 27, 0.1) 0px 4px 6px -1px, rgba(76, 179, 27, 0.06) 0px 2px 4px -1px;
  max-width: 60%;
}

.tip-text {
  margin: auto 1rem;
  color: #edeff0;
}

.tip-image {
  margin: auto 0;
}

@media screen and (max-width: 900px) {
  .tip-wrapper {
	max-width: 90%;
  }
}