body{font-family:sans-serif;background-color:#eaeaea}.container-custom{width:60%;padding:20px}@media (max-width:600px){.container-custom{width:100%}}.main-title small{font-size:60%}.section-title{margin-top:45px;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #ccc}.text-center{text-align:center}.flat-btn{margin-bottom:14px;margin-right:10px;font-family:Roboto,sans-serif}.generator-area{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;width:40%;padding:20px;z-index:100;background-color:#cfd8dc;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}@media (max-width:600px){.generator-area{display:none}}.generator-area__preview-wrapper{text-align:center}.generator-area__code-wrapper{padding:10px;white-space:normal;word-break:break-word;background-color:#777;color:#fff}.credits{margin-bottom:20px}.credits a{color:#48646f;text-decoration:none}.credits a:active,.credits a:focus,.credits a:visited{color:#48646f}