input {cursor: pointer;display: block;width: 100%;margin-bottom: 10px;}
input[type="color"] {width: 80px;height: 80px;border: none;}
input[type="checkbox"], input[type="radio"] {width: 20px;height: 20px;}
textarea {display: block;width: 100%;max-width: 360px;resize: none;height: 80px;}
.flex {display: flex;text-align: center;}
.triangle-generator textarea#result_triangle {width: 100%;max-width: 420px;height: 180px;}
.example {font-size: 40px;}
.result_box {width: 100px;height: 100px;background-color: #e99919;}
.box-shadow-generator .result_box {margin-bottom: 30px;}
#result_text_shadow {width: 100%; max-width: 420px;height: 60px;}
#result_border_css {width: 100%;max-width: 420px;height: 100px;}
#resultRgba {width: 100%;max-width: 420px;height: 50px;}
.example_gradient {width: 100%; max-width: 400px;height: 100px;background: #000000;background: linear-gradient(90deg, #000000 25%, #ff7700 75%);}
#result_gradient {width: 100%;max-width: 420px;height: 90px;}