.csstab-page body,.csstab-page html{font-size:20px}.csstab-page *,.csstab-page :after,.csstab-page :before,.csstab-page html{box-sizing:border-box}.csstab-page ::-moz-selection{background-color:#333;color:#fff}.csstab-page ::selection{background-color:#333;color:#fff}.csstab-page{background-color:#333;color:#333;font-family:Roboto,Helvetica,Arial,sans-serif;line-height:1.5;margin:0;padding:40px}.csstab-page h1{color:#fff;font-family:Roboto Slab,Times,Times New Roman,serif;line-height:1.25;margin-top:0;text-align:center}.wrapper{margin-left:auto;margin-right:auto;max-width:70ch;padding-left:10px;padding-right:10px}.tabs{border-right:1px solid #ccc}.tabs:after{clear:both;content:"";display:table}.tabs input[type=radio]{display:none}.tabs label{background-color:#f7f7f7;border:1px solid #ccc;border-right:none;color:coral;cursor:pointer;display:block;float:left;font-weight:700;padding:1em;text-align:center;transition:background-color .15s ease-in-out;width:33.33333%}.tabs label:hover{background-color:#fff}.tabs [id^=tab]:checked+label{background:#fff;border-bottom-color:#fff;color:#333}.tabs .tab-content{background-color:#fff;border-bottom:1px solid #ccc;border-left:1px solid #ccc;display:none;float:left;padding:1em;width:100%}.tabs #tab1:checked~#tab-content1,.tabs #tab2:checked~#tab-content2,.tabs #tab3:checked~#tab-content3{display:block}.other-content{color:#fff}@media only screen and (max-width:768px){.csstab-page body,.csstab-page html{font-size:18px}}@media only screen and (max-width:645px){.tabs label{float:none;width:100%}}@media only screen and (max-width:480px){.csstab-page body,.csstab-page html{font-size:16px}}