p.toomuch {
		width:50ch;
		font-size:smaller
}
p.optimal{
		width:39ch;
}
p.satisfactory {
		width:35ch;
}
blockquote p{
		width:39ch;
}
@media (min-width : 768px){
p.toomuch{
		width:70ch;
		font-size:smaller;
}
p.optimal{
			width:48ch;
}
p.satisfactory{
			width:41ch;
}
blockquote p{
			width:48ch;
}
}
@media (min-width :1024px){
p.toomuch{
		width:90ch;
		font-size:smaller;
}
p.optimal{
			width:66ch;
}
p.satisfactory{
			width:50ch;
}
blockquote p{
			width:66ch;
}
}


p.short[data-v-ff03d9e2]{max-width:39px; min-width:35px;}
p.compliant[data-v-ff03d9e2]{max-width:50px; min-width:40px;}
p.optimal[data-v-ff03d9e2]{width: 65ch; max-width:90px; min-width:51px;}
p.toobig[data-v-ff03d9e2]{ min-width:91px;}


button {
    white-space: nowrap;
}


.drawer button[data-v-2ec2e8e1] {
    background-color:white;
    z-index:10;
    left:0;
}


.card footer a[data-v-331bc8a8], .card footer span[data-v-331bc8a8] {
    display:flex;
}
.card footer a i[data-v-331bc8a8], .card footer span i[data-v-331bc8a8]{
    color: #777;
    padding: 4px 6px 4px 10px;
    margin:2px 6px 2px 2px;
    background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-6 h-6\"><path fill-rule=\"evenodd\" d=\"M11.097 1.515a.75.75 0 0 1 .589.882L10.666 7.5h4.47l1.079-5.397a.75.75 0 1 1 1.47.294L16.665 7.5h3.585a.75.75 0 0 1 0 1.5h-3.885l-1.2 6h3.585a.75.75 0 0 1 0 1.5h-3.885l-1.08 5.397a.75.75 0 1 1-1.47-.294l1.02-5.103h-4.47l-1.08 5.397a.75.75 0 1 1-1.47-.294l1.02-5.103H3.75a.75.75 0 0 1 0-1.5h3.885l1.2-6H5.25a.75.75 0 0 1 0-1.5h3.885l1.08-5.397a.75.75 0 0 1 .882-.588ZM10.365 9l-1.2 6h4.47l1.2-6h-4.47Z\" clip-rule=\"evenodd\" /></svg>");
    background-repeat: no-repeat;
}
.card footer a.CTA[data-v-331bc8a8], .card footer span.CTA[data-v-331bc8a8] {
    justify-self: end;
}
.card footer a.CTA i[data-v-331bc8a8], .card footer span.CTA i[data-v-331bc8a8] {
    /* background-color:#fff;
    border-radius:8px; */
    background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-6 h-6\"><path fill-rule=\"evenodd\" d=\"M12.97 3.97a.75.75 0 0 1 1.06 0l7.5 7.5a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 1 1-1.06-1.06l6.22-6.22H3a.75.75 0 0 1 0-1.5h16.19l-6.22-6.22a.75.75 0 0 1 0-1.06Z\" clip-rule=\"evenodd\" /></svg>");
}


i{
    width:1em;
    display:inline-block;
    color:#444;
    padding:8px;
    background-repeat:no-repeat;
}
i.team {
    background-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-6 h-6\"><path fill-rule=\"evenodd\" d=\"M8.25 6.75a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0ZM15.75 9.75a3 3 0 1 1 6 0 3 3 0 0 1-6 0ZM2.25 9.75a3 3 0 1 1 6 0 3 3 0 0 1-6 0ZM6.31 15.117A6.745 6.745 0 0 1 12 12a6.745 6.745 0 0 1 6.709 7.498.75.75 0 0 1-.372.568A12.696 12.696 0 0 1 12 21.75c-2.305 0-4.47-.612-6.337-1.684a.75.75 0 0 1-.372-.568 6.787 6.787 0 0 1 1.019-4.38Z\" clip-rule=\"evenodd\" /><path d=\"M5.082 14.254a8.287 8.287 0 0 0-1.308 5.135 9.687 9.687 0 0 1-1.764-.44l-.115-.04a.563.563 0 0 1-.373-.487l-.01-.121a3.75 3.75 0 0 1 3.57-4.047ZM20.226 19.389a8.287 8.287 0 0 0-1.308-5.135 3.75 3.75 0 0 1 3.57 4.047l-.01.121a.563.563 0 0 1-.373.486l-.115.04c-.567.2-1.156.349-1.764.441Z\" /></svg>");
}
i.users {
    background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-6 h-6\"><path d=\"M4.5 6.375a4.125 4.125 0 1 1 8.25 0 4.125 4.125 0 0 1-8.25 0ZM14.25 8.625a3.375 3.375 0 1 1 6.75 0 3.375 3.375 0 0 1-6.75 0ZM1.5 19.125a7.125 7.125 0 0 1 14.25 0v.003l-.001.119a.75.75 0 0 1-.363.63 13.067 13.067 0 0 1-6.761 1.873c-2.472 0-4.786-.684-6.76-1.873a.75.75 0 0 1-.364-.63l-.001-.122ZM17.25 19.128l-.001.144a2.25 2.25 0 0 1-.233.96 10.088 10.088 0 0 0 5.06-1.01.75.75 0 0 0 .42-.643 4.875 4.875 0 0 0-6.957-4.611 8.586 8.586 0 0 1 1.71 5.157v.003Z\" /></svg>");
}
i.repos {
   background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-6 h-6\"><path d=\"M11.644 1.59a.75.75 0 0 1 .712 0l9.75 5.25a.75.75 0 0 1 0 1.32l-9.75 5.25a.75.75 0 0 1-.712 0l-9.75-5.25a.75.75 0 0 1 0-1.32l9.75-5.25Z\" /><path d=\"m3.265 10.602 7.668 4.129a2.25 2.25 0 0 0 2.134 0l7.668-4.13 1.37.739a.75.75 0 0 1 0 1.32l-9.75 5.25a.75.75 0 0 1-.71 0l-9.75-5.25a.75.75 0 0 1 0-1.32l1.37-.738Z\" /><path d=\"m10.933 19.231-7.668-4.13-1.37.739a.75.75 0 0 0 0 1.32l9.75 5.25c.221.12.489.12.71 0l9.75-5.25a.75.75 0 0 0 0-1.32l-1.37-.738-7.668 4.13a2.25 2.25 0 0 1-2.134-.001Z\" /></svg>");
}



.card footer span[data-v-7769fb82] {
    padding: 4px 6px 4px 10px;
    margin:2px 6px 2px 2px;
}
.card footer span.hashtag i[data-v-7769fb82]{
    color: #777;

    background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-6 h-6\"><path fill-rule=\"evenodd\" d=\"M11.097 1.515a.75.75 0 0 1 .589.882L10.666 7.5h4.47l1.079-5.397a.75.75 0 1 1 1.47.294L16.665 7.5h3.585a.75.75 0 0 1 0 1.5h-3.885l-1.2 6h3.585a.75.75 0 0 1 0 1.5h-3.885l-1.08 5.397a.75.75 0 1 1-1.47-.294l1.02-5.103h-4.47l-1.08 5.397a.75.75 0 1 1-1.47-.294l1.02-5.103H3.75a.75.75 0 0 1 0-1.5h3.885l1.2-6H5.25a.75.75 0 0 1 0-1.5h3.885l1.08-5.397a.75.75 0 0 1 .882-.588ZM10.365 9l-1.2 6h4.47l1.2-6h-4.47Z\" clip-rule=\"evenodd\" /></svg>");
    background-repeat: no-repeat;
}
i.user[data-v-7769fb82] {
    background-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-6 h-6\"><path fill-rule=\"evenodd\" d=\"M8.25 6.75a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0ZM15.75 9.75a3 3 0 1 1 6 0 3 3 0 0 1-6 0ZM2.25 9.75a3 3 0 1 1 6 0 3 3 0 0 1-6 0ZM6.31 15.117A6.745 6.745 0 0 1 12 12a6.745 6.745 0 0 1 6.709 7.498.75.75 0 0 1-.372.568A12.696 12.696 0 0 1 12 21.75c-2.305 0-4.47-.612-6.337-1.684a.75.75 0 0 1-.372-.568 6.787 6.787 0 0 1 1.019-4.38Z\" clip-rule=\"evenodd\" /><path d=\"M5.082 14.254a8.287 8.287 0 0 0-1.308 5.135 9.687 9.687 0 0 1-1.764-.44l-.115-.04a.563.563 0 0 1-.373-.487l-.01-.121a3.75 3.75 0 0 1 3.57-4.047ZM20.226 19.389a8.287 8.287 0 0 0-1.308-5.135 3.75 3.75 0 0 1 3.57 4.047l-.01.121a.563.563 0 0 1-.373.486l-.115.04c-.567.2-1.156.349-1.764.441Z\" /></svg>");
    background-repeat:no-repeat;
    width:1em;
    display:inline-block;
}


/* Styles placed here are global */
@font-face {
  font-family: 'Zilla Slab';
  font-weight: 400;
  src: url(fonts/ZillaSlab-Regular.otf) format('opentype');
}
@font-face {
  font-family: "Zilla Slab";
  font-weight: 400;
  font-style:italic;
  src: url(fonts/ZillaSlab-RegularItalic.otf) format('opentype');
}
@font-face {
  font-family: "Zilla Slab";
  font-weight: 500;
  src: url(fonts/ZillaSlab-SemiBold.otf) format("opentype");
}
@font-face {
  font-family: "Zilla Slab";
  font-weight: 600;
  src: url(fonts/ZillaSlab-SemiBold.otf) format("opentype");
}
@font-face {
  font-family: "Zilla Slab";
  font-weight: 700;
  src: url(fonts/ZillaSlab-Bold.otf) format("opentype");
}
@font-face {
  font-family: "Zilla Slab";
  font-weight: 700;
  font-style:italic;
  src: url(fonts/ZillaSlab-BoldItalic.otf) format("opentype");
}
@font-face {
  font-family: "Libre Franklin";
  font-weight: 400;
  src: url(fonts/librefranklin-regular.ttf) format("truetype");
}
@font-face {
  font-family: "Libre Franklin";
  font-weight: 400;
  font-style:italic;
  src: url(fonts/librefranklin-italic.ttf) format("truetype");
}
@font-face {
  font-family: "Libre Franklin";
  font-weight: 500;
  src: url(fonts/librefranklin-medium.ttf) format("truetype");
}
@font-face {
  font-family: "Libre Franklin";
  font-weight: 500;
  font-style:italic;
  src: url(fonts/librefranklin-mediumitalic.ttf) format("truetype");
}
@font-face {
  font-family: "Libre Franklin";
  font-weight: 600;
  src: url(fonts/librefranklin-semibold.ttf) format("truetype");
}
@font-face {
  font-family: "Libre Franklin";
  font-weight: 600;
  font-style:italic;
  src: url(fonts/librefranklin-semibolditalic.ttf) format("truetype");
}
@font-face {
  font-family: "Libre Franklin";
  font-weight: 700;
  src: url(fonts/librefranklin-bold.ttf) format("truetype");
}
@font-face {
  font-family: "Libre Franklin";
  font-weight: 700;
  font-style:italic;
  src: url(fonts/librefranklin-bolditalic.ttf) format("truetype");
}
a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:#000;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow:auto;
    margin: 10px 35%;
    padding:5px;
    border-radius: 15px;
    border:4px solid yellow;
    text-align:center;
    font-size:1.2em;
    z-index:999;
}