/* Default CSS */
/* Password and Encoder Ascii*/
* {box-sizing: border-box;}
body {margin: 0;font-family: Arial, sans-serif;font-size: 16px;}
h5{font-family:Geneva, helvetica, Verdanna, Courier, sans-serif;font-size:1.4rem; line-height:1.675rem; font-weight:700;color:#380fff;width:100%;margin:10px auto;text-align:center;border:1px solid #740fff;background: rgb(116,15,255);}
.container1 {max-width: 37.5rem;margin: 2.5rem auto;padding: 0 1.25rem;}
.section {border: 2px solid #000;padding: 0.9375rem;margin-bottom: 1.5625rem;border-radius: 0.5rem;}
h5 {color: #000000;}
label {font-weight: bold;display: block;margin-bottom: 0.3125rem;}
input[type="text"],input[type="email"],textarea,
select {width: 100%;padding: 0.625rem;font-size: 1rem;margin-bottom: 0.625rem;}
button {padding: 0.625rem 1rem;margin: 0.3125rem 0.3125rem 0.3125rem 0;font-size: 1rem;cursor: pointer;border: none;border-radius: 0.3125rem;color: white;}
.green-button { background-color: #28a745; }
.blue-button { background-color: #007bff; }
.red-button { background-color: #dc3545; }
/* Password strength meter */
.strength-meter {height: 0.625rem;background: #ccc;border-radius: 0.3125rem;margin-top: -0.3125rem;margin-bottom: 0.3125rem;overflow: hidden;}
.strength-bar {height: 100%;width: 0%;transition: width 0.3s;}
.strength-text {font-size: 0.9rem;font-weight: bold;margin-bottom: 0.625rem;}