@import url(https://fonts.googleapis.com/css2?family=Merriweather:ital@1&family=Oswald:wght@500&display=swap);@import url(https://pro.fontawesome.com/releases/v6.0.0-beta1/css/all.css);.howToMeasure ol,.howToMeasure ol *,ol ::after,ol ::before,ol::after,ol::before{margin:0;padding:0;box-sizing:border-box}.howToMeasure ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.5rem;width:100%;margin-inline:auto;padding-block:1rem;list-style:none;counter-reset:count}.howToMeasure ol>li{--card-background-color:#f0f0f0;--card-text-color:#0F0F0F;--card-border-radius:0.5rem;--card-padding-block:1.5rem;--card-padding-inline:1rem;--outset-size:0.75rem;--outset-background-color:#e5e5e5;--number-font-size:3rem;--number-overlap:0.5rem;--number-font-family:'Oswald',sans-serif;--number-font-weight:500;margin:var(--outset-size);margin-top:calc(var(--number-font-size) - var(--number-overlap));border-radius:var(--card-border-radius);padding-block:var(--card-padding-block);padding-inline:var(--card-padding-inline);color:var(--card-text-color);background-color:var(--card-background-color);box-shadow:inset 1px 1px 0 rgb(255 255 255 / 50%),inset -1px -1px 0 rgb(255 255 255 / 25%),calc(var(--outset-size) * .25) calc(var(--outset-size) * .25) calc(var(--outset-size) * .5) rgb(150 150 150 / 25%);position:relative;counter-increment:count;border:solid 1px #ccc}.howToMeasure ol>li::after{content:counter(count,decimal-leading-zero);position:absolute;bottom:calc(100% - var(--number-overlap));left:50%;transform:translateX(-50%);color:var(--accent-color);font-family:var(--number-font-family);font-weight:var(--number-font-weight);font-size:var(--number-font-size);line-height:1;z-index:-1}.howToMeasure ol>li::before{content:"";position:absolute;width:calc(100% + (var(--outset-size) * 2));height:100%;bottom:calc(var(--outset-size) * -1);left:calc(var(--outset-size) * -1);z-index:-1;border-bottom-left-radius:calc(var(--card-border-radius) + var(--outset-size));border-bottom-right-radius:calc(var(--card-border-radius) + var(--outset-size));background-color:var(--outset-background-color);background-image:linear-gradient(to left,var(--outset-background-color) calc(var(--outset-size) * 2),transparent 0),linear-gradient(135deg,var(--accent-color) 80%,var(--outset-background-color) 0)}.howToMeasure h1{font-size:2.5rem;font-family:Poppins-Bold;text-align:center;font-weight:400}.howToMeasure .icon{font-size:2rem;text-align:center;margin-bottom:calc(var(--card-padding-block) * .5)}.howToMeasure .title{text-transform:uppercase;font-family:Poppins-Bold;text-align:center;color:red;border-bottom:dashed 1px #000;padding-bottom:10px;margin-bottom:10px}.howToMeasure .descr{color:var(--text-color);font-size:14px;text-align:center}.howToMeasure .icon img{width:100%}