:root {
	--red: #ff3860;
	--red-dark: #ff1443;
	--red-light: #ff5c7c;
	--blue: #498afb;
	--blue-dark: #2674fa;
	--blue-light: #6ca0fc;
	--orange: #fa8142;
	--orange-dark: #f96a1f;
	--orange-light: #fb9865;
	--green: #09c372;
	--green-dark: #07a15e;
	--green-light: #0be586;
	--purple: #9166cc;
	--purple-dark: #7d4bc3;
	--purple-light: #a481d5;
	--yellow: #ffdd57;
	--yellow-dark: #ffd633;
	--yellow-light: #ffe47a;
	--pink: #ff4088;
	--pink-dark: #ff1c72;
	--pink-light: #ff649e;
	--gray0: #f8f8f8;
	--gray1: #dbe1e8;
	--gray2: #b2becd;
	--gray3: #6c7983;
	--gray4: #454e56;
	--gray5: #2a2e35;
	--gray6: #12181b;
	--nav-width: 4em;
	--font-body: "sofia-pro", sans-serif;
	--font-head: "sofia-pro", sans-serif;
	--font-code: "attribute-mono", monospace;
	--font-size: 20px;
	--max-width-bp: 768px;
	--orange-pink: linear-gradient(to bottom right, var(--orange-light), var(--orange-dark) 85%);
	--green-grad: linear-gradient(to bottom right, var(--green-light), var(--green-dark) 85%);
	--background: var(--gray6);
	--text-color: var(--gray2);
	--h-color: #fff;
	--nav-shadow: 4px 0 10px -3px #010101;
	--card-shadow: 0 4px 8px rgba(0, 0, 0, 0.38);
	--toc-shadow: rgba(0, 0, 0, 0.7) 0px 10px 20px 0px;
	--nav-bg: var(--gray5);
	--tag-bg: var(--gray4);
	--code-bg: #22262f;
	--card-bg: var(--gray5);
	--overlay-bg: rgba(0, 0, 0, 0.9);
	--h-border: 2px dashed var(--nav-bg);
	--nav-border: 2px dashed var(--text-color);
	--card-radius: 0.25em;
	transition: all .3s ease
}	

body {
    background: var(--background);
    display: flex;
    min-height: 100vh;
    flex-direction: column
}


.tag {
    margin: 0;
    font-family: var(--font-body);
    font-size: var(--font-size);
    display: inline-block;
    border-radius: 3px;
    
    border-radius: 2px;
    background: var(--tag-bg);
    color: var(--text-color);  
    margin: .25em .1em;
}

.tag-lg {
    font-size: 1.2em;
    border-radius: 4px;
	font-weight: 600;
}

.tag-news {
    background: #f3f3f3   ;
	color: var(--tag-bg);
	font-family: Majerit;	
	min-height:55px;	
}

.tag-minimum-viable-product,.tag-mvp {
    color: #fff;
    background-image: linear-gradient(90deg,#ff8901,#db1d5f);
    font-weight: 700
}

.hrefnews{
	color: #2e6d9d;
	font-family: Majerit;
	text-decoration:none;s
}