/************************************/
/* Simple element for icon and text */
/************************************/

.moderate {
  background-image: url('../ndcircle.png');
  background-position: .2em .2em;
  background-repeat: no-repeat;
  background-size: auto calc(100% - .4em);
  border-radius: .5em;
  display: inline-block;
  font-size: .75rem;
  font-weight: bold;
  line-height: 1.5rem;
  padding-left: 1.5rem;
  padding-right: .4em;
  transition: all 300ms ease-in-out;
  user-select: none; }


@media (max-width: 800.00px) {

  .moderate {
    font-size: 1.75rem;
    line-height: 2.5rem;
    padding-left: 2.5rem; } }



/************************************/
/* Simple element for icon and text */
/************************************/

.moderate.medium {
  font-size: 1rem;
  line-height: 2rem;
  padding-left: 2rem; }

.moderate.large {
  font-size: 1.5rem;
  line-height: 2.5rem;
  padding-left: 2.5rem; }


@media (max-width: 800.00px) {

  .moderate.medium {
    font-size: 2rem;
    line-height: 3rem;
    padding-left: 3rem; }

  .moderate.large {
    font-size: 2.5rem;
    line-height: 4.5rem;
    padding-left: 4.5rem; } }



/************************************/
/* Simple element for icon and text */
/************************************/


.moderate.gtaonline {
  background-color: rgba(var(--games-gtaonline), .6);
  background-image: url('../images/gtaonline.png'); }

.moderate.gtaonline:hover {
  background-color: rgba(var(--games-gtaonline), .8); }


.moderate.playstation {
  background-color: rgba(var(--games-playstation), .6);
  background-image: url('../images/playstation.png'); }

.moderate.playstation:hover {
  background-color: rgba(var(--games-playstation), .8); }



/************************************/
/* Simple element for icon and text */
/************************************/


.moderate.discord {
  background-color: rgba(var(--social-discord), .6);
  background-image: url('../images/discord.png'); }

.moderate.discord:hover {
  background-color: rgba(var(--social-discord), .8); }


.moderate.instagram {
  background-color: rgba(var(--social-instagram), .6);
  background-image: url('../images/instagram.png'); }

.moderate.instagram:hover {
  background-color: rgba(var(--social-instagram), .8); }


.moderate.reddit {
  background-color: rgba(var(--social-reddit), .6);
  background-image: url('../images/reddit.png'); }

.moderate.reddit:hover {
  background-color: rgba(var(--social-reddit), .8); }


.moderate.youtube {
  background-color: rgba(var(--social-youtube), .6);
  background-image: url('../images/youtube.png'); }

.moderate.youtube:hover {
  background-color: rgba(var(--social-youtube), .8); }