html,body{margin:0;padding:0;width:100%;height:100%;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}.logo{width:250px;height:57px;display:inline;float:left}button{border:none;border-radius:0.5em;background:linear-gradient(125deg, #ec2224, #f16721);color:#ffffff;font-size:16px;width:100%;max-width:10em;padding:1em;cursor:pointer}button:focus{outline:0}button:hover{background:#f16721}p{margin:0;padding:0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}p.password,p.value{text-align:center;color:#1E1E1E;font-size:40px;word-break:break-word;white-space:pre-wrap}p.password{filter:blur(8px);margin-bottom:8px}p.title{margin-bottom:1em;color:#333333;line-height:2;font-size:32px;font-weight:bold;text-transform:uppercase}p.subtitle{text-align:center;width:100%;margin:auto;color:#333333;font-size:28px}p.subtitle_error{color:#ff0000;font-size:24px;line-height:2}p.description{color:#333333;font-size:20px}p.expire_note{text-align:center;width:100%;margin:auto;font-style:italic;color:#333333;line-height:2;font-size:16px}#navigation-container{margin:0 auto;height:70px}.navigation-bar{height:70px;width:100%;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}.navigation-bar ul{padding:0px;margin:0px;text-align:left;display:inline-block;vertical-align:top}.navigation-bar li{list-style-type:none;padding:0px;height:24px;margin-top:4px;margin-bottom:4px;display:inline}.navigation-bar li a{font-size:16px;text-decoration:none;line-height:60px;padding:5px 15px;opacity:0.7;background-color:#5A5A5A;border-radius:5px;color:white}.navigation-bar li a:hover{background-color:#000}#menu{float:left}.content__container{margin-top:2em;background:#ffffff;width:100%;height:100%;display:flex;align-items:center;flex-direction:column}.content__container .pswrd-copied{display:none;justify-content:center;align-items:center;position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0, 0, 0, 0.75);color:#ffffff;text-align:center;font-size:2em;animation:fadeOut 3s forwards}.content__container .content__password{display:flex;flex-flow:column nowrap;align-items:center;padding:16px}.content__container .content__password button.reveal{margin:2em 0 1em}.content__container .form{display:grid;grid-template-columns:repeat(8, 1fr);column-gap:0.75em;row-gap:2em;width:100%;max-width:30em}.content__container .form button.generate-fill{grid-column:1 / span 4;margin-left:auto;margin-right:auto}.content__container .form button.generate{grid-column:5 / span 4;margin-left:auto;margin-right:auto}.content__container .form .input-group{display:flex;flex-direction:column;position:relative;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;z-index:2}.content__container .form .input-group#md{grid-column:1 / span 6}.content__container .form .input-group#exp{grid-column:7 / span 2}.content__container .form .input-group#pw{grid-column:1 / span 6}.content__container .form .input-group#pw input{height:60px}.content__container .form .input-group#pws{display:none;resize:vertical;grid-column:1 / span 8}.content__container .form .input-group#pws textarea{height:100px;padding:20px 10px 10px 10px}.content__container .form .input-group#qty{grid-column:7 / span 2}.content__container .form .input-group__label{position:absolute;top:-0.3em;left:1em;background-color:#ffffff;padding:0 0.25em;margin-bottom:0.5em;text-transform:uppercase;font-size:16px;letter-spacing:0.1em;color:#1E1E1E;cursor:pointer}.content__container .form .input-group select,.content__container .form .input-group input,.content__container .form .input-group textarea{box-sizing:border-box;text-align:left;min-height:60px;max-width:100%;color:#1E1E1E;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:20px;line-height:1;border-style:none;outline:none;padding:10px;border:5px solid transparent;background-image:linear-gradient(#ffffff, rgba(255, 255, 255, 0.8)), linear-gradient(170deg, #f16721, 60%, #ec2224);background-origin:border-box;background-clip:padding-box, border-box;border-radius:0.5em;background-size:100%;transition:background-position 0.8s ease-out}.content__container .form .input-group select::placeholder,.content__container .form .input-group input::placeholder,.content__container .form .input-group textarea::placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:16px;pointer-events:none}.content__container .form .input-group select:hover,.content__container .form .input-group input:hover,.content__container .form .input-group textarea:hover{background-position:100% 0}.content__container .form .input-group select:focus,.content__container .form .input-group input:focus,.content__container .form .input-group textarea:focus{outline:2px inset #f16721}.content__container .form__error{display:none;grid-column:span 8;margin:16px;text-align:center;background-color:rgba(255, 0, 0, 0.25);border-radius:10px;padding:0.5em;color:#ff0000;font-size:24px;font-weight:bold;line-height:2}.content__container .links{display:none;position:relative}.content__container .links ul{display:flex;flex-direction:column;justify-content:center;position:relative;list-style:none;margin:1.25em 0 0;padding:1.25em;background:rgba(241, 103, 33, 0.25);border-radius:10px}.content__container .links ul li.link{font-size:16px;font-weight:400;margin:1em 0 0}.content__container .links ul button.copyButton{display:inline-block;margin:2.5em auto 0}.content__container .links ul .confirmation{display:flex;justify-content:center;align-items:center;position:absolute;left:0;right:0;top:0;bottom:0;display:none;transition:0.5s all;background-color:rgba(0, 0, 0, 0.75);color:#ffffff;text-align:center;font-size:2em;padding:10px 20px;border-radius:10px;animation:fadeOut 3s forwards}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}100%{opacity:0;display:none}}.hide{display:none}.input-group__hint{font-size:12px}