@charset "utf-8";

.tag {display: inline-block;border-radius: 3px;padding: .2em .5em .3em;border-radius: 2px;background: #454e56;color: #b2becd;font-weight: 600;margin: .25em .1em}
.tag-sm {font-size: 1em;display: inline-block;letter-spacing: .15ch;font-weight: 400}
.tag-lg {font-size: 1.2em;border-radius: 4px}

/* Tag Background Color ------------------------------------------------------ */
.tag-red { background-color: rgb(233, 27, 35);color: #fff; }
.tag-darkred { background-color: rgb(170, 60, 63);color: #fff; }
.tag-crimson { background-color: rgb(220, 20, 60); color: #fff; }
.tag-orangered { background-color: orangered; color: #fff; }
.tag-orange { background-color: rgb(240, 150, 20);color: #fff; }
.tag-green { background-color: rgb(140, 195, 70); color: #fff; }
.tag-lightgreen { background-color: rgb(160, 200, 80); color: #fff; }
.tag-deepblue { background-color: rgb(0, 125, 180); color: #fff; }
.tag-skyblue { background-color: rgb(100, 195, 245); color: #fff; }
.tag-blue { background-color: rgb(52, 152, 219); color: #fff; }
.tag-navy { background-color: rgb(50, 60, 70); color: #fff; }
.tag-violet { background-color: rgb(85, 60, 125); color: #fff; }
.tag-yellow { background-color: rgb(241, 196, 15); color: #333; }
.tag-darkgray { background-color: #666; color: #fff; }
.tag-gray { background-color: #888; color: #fff; }
.tag-black {background-color: #333; color: #fff; }
.tag-black2 {background-color: #333; color: #ffcb2b; }
.tag-nest {background: #000;color: #e0234e;}
.tag-react {background: #222;color: #00d8ff;}