@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);

*{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{min-height:100vh;text-align:center;font-family:Arial,Helvetika,sans-serif}body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;font-family:Open Sans,Helvetica,sans-serif;font-size:20px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,button{color:#0000cd}button{border:0;cursor:pointer}ul{padding:0;margin:0;list-style:none}h1,h2,h3,h4,h5,h6{font-weight:400;margin:0}p{margin:0;padding:0}button[type=button]{cursor:pointer;background-color:rgba(0,0,0,0)}a{color:inherit;cursor:pointer}img{display:block;max-width:100%;max-height:100%}.wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;width:90%;min-height:90vh;background-color:snow;border:5px solid #1e90ff;border-radius:4px}.box,.wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.box{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:relative;height:5%;width:50%;margin-bottom:2%}.title{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.subTitle{margin-right:3%;text-align:start}.generate{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:29px}#strLength{width:100px;text-align:center;font-size:20px;color:#0000cd;background-color:#ffffe0;border:2px groove #1e90ff;border-radius:4px}.error{display:none;position:absolute;top:33px;left:271px;background-color:#ff4500;color:snow;padding:3px 5px;border-radius:4px}.error:before{content:"";display:block;position:absolute;top:-8px;left:40px;width:15px;height:15px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background-color:inherit}.button,.check_text{background-color:#ffffe0;border:2px groove #1e90ff;border-radius:4px;color:#0000cd;font-size:20px;cursor:pointer;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;outline:none;min-width:100px}.button:hover,.check_text:hover{background-color:#1e90ff;border-radius:4px}.button:active,.check_text:active{background-color:#4169e1;color:snow}.check_elem{position:absolute;left:-999px;top:0}.check_elem:checked+.check_text{background-color:#4169e1;color:snow}.result{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:96%;min-height:200px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}#generate{font-size:32px}#result{word-break:break-all}#copyStr{display:none}@media screen and (max-width:320px){.wrapper{width:100%}}@media screen and (max-width:980px){.box{width:95%}}@media screen and (max-width:480px){.title{margin-bottom:40px}.error{left:66%}}