.lead{font-size:1.32rem}.secondary{font-size:1.06667rem}.third{font-size:.956175rem}.flexbox-one{border:1px solid #ddd;flex-flow:row;justify-content:space-between;align-items:center;height:300px;margin-top:2rem;margin-bottom:4rem;display:flex}.flexbox-one div{text-align:center;vertical-align:middle;color:#fff;background:#e71f3f;border:1px solid #e71f3f;width:50px;padding:8px 0}.radio-wrapper h3,.children-items h3{margin-bottom:2rem}.single-item p,.flex-item p{letter-spacing:2px;margin-bottom:10px;font-size:.956175rem;font-weight:700}.flex-item{flex-direction:column;display:flex}.flex-item .radio-wrapper{width:180px;margin:0 auto 2rem}.but{margin-left:auto;margin-right:auto;display:block}.css-output,.single-css-output{background:#eee;border:1px dashed #d6d6d6;border-radius:.1875rem}.css-output p,.css-output span,.single-css-output p,.single-css-output span{color:#1c0301;margin-bottom:3px;margin-left:8px;font-family:Source Code Pro,monospace;font-size:1.06667rem}.item-1-input,.item-2-input,.item-3-input,.item-4-input{display:table}.css-output{width:90%;margin:4rem auto;padding:10px 20px}.single-css-output{width:100%;padding:10px}.single-output{flex-direction:column;row-gap:30px;width:70%;margin:4rem auto;display:flex}@media only screen and (min-width:600px){.flex-item{flex-direction:row;display:flex}.flex-item .radio-wrapper{margin:0}.css-output{width:70%}.single-css-output{width:48%}.single-output{-moz-column-gap:20px;flex-flow:wrap;justify-content:space-between;align-items:center;gap:40px 20px;width:100%}}@media only screen and (min-width:700px){.css-output{width:60%}.single-output{width:90%}}@media only screen and (min-width:900px){.css-output{width:50%}.single-output{width:85%}}