.wrapper{justify-content:center;display:flex;flex-direction:column;width:100%}.controls form button{background-color:#e15d10;border:none;border-radius:100px;color:#021111;cursor:pointer;font-size:1.2rem;padding:1rem;width:12rem}.password{align-items:center;cursor:copy;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.password .copyed{display:none;color:#2f323a;cursor:pointer;font-size:1rem;margin:1rem 0;text-align:center}.password .copyed.copyed-done{-webkit-animation:copyed-done .5s forwards;animation:copyed-done .5s forwards}.password .characters{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:5rem;width:100%}@media only screen and (max-width:767px){.password .characters{padding:0;padding-bottom:5rem}}.password .characters .character{align-items:center;background-color:#042121;border-radius:1rem;color:#fff;display:flex;flex-direction:row;font-size:1rem;height:3rem;justify-content:center;margin:1rem .5rem;padding:1rem;transition:all .55s;width:3rem}@media only screen and (max-width:767px){.password .characters .character{border-radius:.3rem;font-size:1rem;height:2rem;width:2rem}}.password .characters .character.show{-webkit-animation:showletter .2s forwards;animation:showletter .2s forwards}.password .characters .character.done{background-color:#e15d10;color:#021111}.password .characters .character.animate{color:#fff;-webkit-filter:blur(3px);filter:blur(3px)}.toggle{color:#fff;cursor:pointer;display:inline-block;font-size:1.6rem;margin:0 0 2rem;padding:0 0 0 6rem;position:relative;width:100%}.toggle input{display:none}.toggle input:checked+.roundbutton{background-color:#e15d10}.toggle input:checked+.roundbutton:before{transform:translate(1.7rem)}.toggle .roundbutton{background-color:#042121;border-radius:3.4rem;bottom:0;cursor:pointer;height:2.2rem;left:0;right:0;top:0;width:4rem}.toggle .roundbutton,.toggle .roundbutton:before{display:block;position:absolute;transition:all .3s}.toggle .roundbutton:before{background-color:#fff;border-radius:100%;bottom:.4rem;content:"";height:1.4rem;left:.5rem;width:1.4rem}@-webkit-keyframes showletter{0%{opacity:0;transform:translateY(15rem)}to{opacity:1;transform:translate(0)}}@keyframes showletter{0%{opacity:0;transform:translateY(15rem)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes copyed-done{0%{color:#fff}50%{color:#e15d10}to{color:#fff}}@keyframes copyed-done{0%{color:#fff}50%{color:#e15d10}to{color:#fff}}