:root{--brand-color1:#3BD4F4;--brand-color2:#1A1A1A;--brand-color3:white;--brand-color4:#2FA9C3;--brand-color5:#474747;--brand-color6:#CCCCCC;--border-width-thin:1px solid;--border-radius-small:4px;--border-radius-medium:8px;--box-shadow:0 0 10px rgba(0, 0, 0, 0.2)}h1,h2,h3,h4,h5,h6{font-family:montserrat,Arial,helvetica neue,Helvetica,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}body{background-color:var(--brand-color3);color:var(--brand-color2);display:flex;flex-direction:column;font-family:montserrat,Arial,helvetica neue,Helvetica,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;height:100%;margin:0}header{background-color:var(--brand-color1);position:sticky;position:-webkit-sticky;top:0;z-index:100}nav ul{display:flex;justify-content:center;list-style:none;padding:0}nav ul li{margin:0 1rem}main{padding:0 10px;text-align:center}main a{color:var(--brand-color2)}footer{background-color:var(--brand-color1);color:var(--brand-color2);font-size:xx-small;padding:10px;text-align:center}details summary{display:contents}img{max-width:300px}#languages{margin:1rem 0}#languages ul{flex-wrap:wrap}#languages li{margin:.5rem 1rem}#logo{height:30px;padding:10px;width:auto}.flex-column{display:flex;flex-direction:column;gap:15px}.flex-row{align-items:center;display:flex;flex-direction:row;gap:5px;justify-content:center}.flex-wrap{flex-wrap:wrap}.hidden{display:none}.bold{font-weight:700}.monospace{font-family:monospace}.xx-large{font-size:xx-large}.xxx-large{font-size:xxx-large}.header{align-items:center;justify-content:space-between;margin:auto;max-width:1200px}.header h1{display:none}.navlinks{color:var(--brand-color2);font-size:x-small;text-decoration:none}.socials-container{align-items:center;display:flex;justify-content:center}.socials{list-style-type:none;padding:0 5px}.socials li{float:left;margin:0 5px}.socials-icon{height:24px;width:24px}.home-categories{display:flex;flex-flow:row wrap;justify-content:center}.home-categories a{text-decoration:none}.home-categories ul{list-style-type:none;margin:0;padding:0}.home-categories details ul{list-style-type:unset}.home-categories li{margin:10px}.home-category-list{flex:1 1 350px;margin:10px}.home-icons{border-radius:20px;height:200px;width:200px}.content{display:flex;flex-direction:column}.content ul,ol{text-align:left}.table{border:var(--border-width-thin)var(--brand-color4);border-collapse:collapse;font-size:small}.table th{background-color:var(--brand-color5);color:var(--brand-color3)}.table th,.table td{border:var(--border-width-thin)var(--brand-color4);padding:8px}.table caption{background-color:var(--brand-color4);color:var(--brand-color2);font-weight:700;padding:10px 0}@media only screen and (min-width:1000px){#logo{height:unset}.header a{text-decoration:none}.header h1{color:var(--brand-color2);display:block;font-size:xx-large;margin:0 0 0 10px}main{flex:1;max-width:1000px;margin:auto;padding:.5rem 2rem;text-align:center;width:-moz-available;width:-webkit-fill-available}footer{font-size:x-small}.navlinks{font-size:small}.table{font-size:initial}}.button{background-color:var(--brand-color1);border:none;border-radius:var(--border-radius-small);color:var(--brand-color2);cursor:pointer;font-size:large;padding:10px;width:100%}.button:hover{background-color:var(--brand-color4)}.form{min-width:250px}.form-input-group{gap:5px}.form-input{border:var(--border-width-thin)var(--brand-color4);border-radius:var(--border-radius-small);box-sizing:border-box;padding:10px;width:100%}.form-input-description{font-size:.9em;color:#666;margin:0}.select{border:var(--border-width-thin)var(--brand-color4);border-radius:var(--border-radius-small);box-sizing:border-box;padding:10px;width:100%}.calculator{padding:0 10px}.calculator-frame{background-color:var(--brand-color3);border-radius:var(--border-radius-medium);box-shadow:var(--box-shadow);padding:20px}.small-frame{margin:auto;max-width:400px}.large-frame{margin:auto;max-width:700px}.full-width{width:100%;width:-moz-available;width:-webkit-fill-available}.subtitle{font-weight:400;font-size:large;padding:15px}.results{background-color:var(--brand-color1);border-radius:var(--border-radius-small);color:var(--brand-color2);flex-direction:column;padding:5px;display:none}.resultDisplay{align-self:center;background-color:var(--brand-color2);color:var(--brand-color3);padding:.5rem;text-align:right;width:85%}.spaced{margin:20px}.buttons-box{display:grid;gap:2px;grid-template:repeat(5,40px)/repeat(5,60px)}.calculator-buttons{background-color:var(--brand-color3);border:var(--border-width-thin)var(--brand-color6);border-radius:var(--border-radius-small);color:var(--brand-color2);cursor:pointer}.calculator-buttons:hover{background-color:var(--brand-color1)}.functions{background-color:var(--brand-color4)}.advanced-functions{background-color:var(--brand-color1)}.advanced-functions:hover{background-color:var(--brand-color4)}.compact-table td{background-color:var(--brand-color3);color:var(--brand-color2);padding:0}.strength-meter{background-color:var(--brand-color6);border-radius:var(--border-width-thin);height:20px;overflow:hidden;width:100%}.pass-strength{--strength-background:red;--strength-width:0%;background-color:var(--strength-background);height:20px;width:var(--strength-width)}.removerow{font-size:smaller}.fieldset{width:auto}.inline-labels{width:35%}.calendar{background-color:var(--brand-color3);border:var(--border-width-thin)var(--brand-color3);border-radius:var(--border-radius-small);color:var(--brand-color2);display:grid;margin:20px auto 0;width:fit-content}.highlight{background-color:var(--brand-color1);font-weight:700}.password-list{list-style:none;padding:0}#chart_div{align-items:center;display:flex;height:300px;justify-content:center;margin-top:20px;width:100%}.home-calculator-frame{align-items:center;gap:10px}.buttons{display:grid;gap:5px;grid-template-columns:repeat(5,60px);justify-content:center}.buttons button{background-color:var(--brand-color3);border:var(--border-width-thin)var(--brand-color6);color:var(--brand-color2);cursor:pointer;font-size:1rem;padding:1rem}.buttons button.functions{background-color:var(--brand-color4);color:var(--brand-color2)}.buttons button.advanced-functions{background-color:var(--brand-color1)}.buttons button.highlight{background-color:var(--brand-color1);font-weight:700}.buttons button:hover{background-color:var(--brand-color1)}.buttons button.advanced-functions:hover,.buttons button.highlight:hover{background-color:var(--brand-color4)}.buttons label{display:flex;align-items:center;grid-column:span 2}.buttons input[type=radio]{margin-left:5px}@media only screen and (max-width:600px){.buttons button{height:40px;margin-top:0;padding:0}.subtitle{display:none}}