/* BUTTONS */ .btn { width: 200px; height: 50px; border-radius: 25px; outline: none; cursor: pointer; font-size: 1.5em; margin: 25px; } .btn-sm { width: 100px; height: 50px; border-radius: 20px; outline: none; margin: 10px 20px; } .green-btn { border: 0px; background-color: #57ad68; color: #e8e8e8; } .green-btn:active { background-color: #4e9c5d; } .green-btn-transparent { background: none; border-style: solid; border-color: #57ad68; color: #57ad68; } .green-btn-transparent:active { border-color: #4e9c5d; background-color: rgba(0, 0, 0, 0.1); } .d-inline { display: inline; } .d-none { display: none; } /* TEXT */ .text--white { color: #ffffff; } .text--off-white { color: #b3ada7; } .text--off-black { color: #51545a; } .text--pale-yellow { color: #d5d6c7 } .text--gray { color: #7c7c7c; } .text--ginormous { font-size: 6rem; } .text--huge { font-size: 3.5rem; } .text--large { font-size: 1.25rem; } .text--medium { font-size: 1.05rem; } .text--full-height { line-height: 5rem; } .text--half-height { line-height: 2rem; } .text--no-height { line-height: 0.5rem; } .text--no-decoration { text-decoration: none; } .text--spaced { margin: 0 1rem; } .text--underline { text-decoration: underline; } .margin-15 { margin: 15px; }