@import "/style/colors.css";@import "/style/fonts.css";@import "/style/classes.css";@import "/style/ids.css";html,body{background-color:var(--bg);width:100vw;height:100vh;color:var(--text-color);margin:0;padding:0;font-family:AtkinsonHyperlegible,Arial,sans-serif;font-size:16px;line-height:1.5;overflow:auto}body{margin:0;padding:0}main{padding-top:var(--navbar-height)}section{max-width:54rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}h1,h2,h3,h4,h5,h6{color:var(--heading-color);letter-spacing:.12em;word-spacing:.16em;margin:0;font-family:AtkinsonHyperlegible,sans-serif;font-weight:700}p{color:var(--text-color);letter-spacing:.12em;word-spacing:.16em;margin:1rem 0}a{color:var(--link);letter-spacing:1.5px;letter-spacing:.16em;word-spacing:.18em;text-shadow:0 1px 1px rgba(0,0,0,.1);font-family:AtkinsonHyperlegible,Arial,sans-serif;text-decoration:none;transition:color .2s ease-in-out}a:hover{color:var(--link-hover);letter-spacing:.08em;text-shadow:0 1px 2px rgba(0,0,0,.2);font-weight:700}a:active{color:var(--link-active);font-weight:700}em,i{font-family:AtkinsonHyperlegible,sans-serif;font-style:italic}button{border:2px solid var(--btn-color);color:var(--btn-color);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:2px;word-spacing:.18em;background-color:transparent;border-radius:.33rem;padding:.33rem 1rem;transition:all .1s}button:hover{background-color:var(--btn-hover);color:var(--cream-1)}footer{text-align:center;color:var(--cream-3);padding:1rem}footer a{color:var(--gray-6)}footer a:hover{color:var(--gray-4)}form{letter-spacing:.12em;word-spacing:.16em;flex-direction:column;align-items:flex-start;gap:10px;max-width:min-content;margin:auto;padding:20px;display:flex}dialog{z-index:1000;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:transparent;border:none;border-radius:15px;max-width:80%;max-height:80%;padding:20px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}select{border:2px solid var(--btn-color);max-width:15rem;color:var(--btn-color);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:2px;word-spacing:.18em;background-color:transparent;border-radius:.33rem;padding:.33rem 1rem;transition:all .1s}select:hover{background-color:var(--btn-hover);color:var(--cream-1)}select:hover html.dark-theme .toggle-button{background-color:#2196f3}select:hover input[type=text]{background:var(--cream-3);color:var(--gray-9);border:1px solid var(--btn-color);letter-spacing:.12em;word-spacing:.16em;border-radius:4px;padding:5px 10px}select:hover input[type=email]{background:var(--cream-3);color:var(--gray-9);border:1px solid var(--btn-color);letter-spacing:.12em;word-spacing:.16em;border-radius:4px;padding:5px 10px}select:hover input[type=password]{background:var(--cream-3);color:var(--gray-9);border:1px solid var(--btn-color);letter-spacing:.12em;word-spacing:.16em;border-radius:4px;padding:5px 10px}select:hover input[type=description]{background:var(--cream-3);color:var(--gray-9);border:1px solid var(--btn-color);letter-spacing:.12em;word-spacing:.16em;border-radius:4px;padding:5px 10px}select:hover textarea{background:var(--cream-3);color:var(--gray-9);border:1px solid var(--btn-color);letter-spacing:.12em;word-spacing:.16em;border-radius:4px;padding:5px 10px}select:hover input[type=text]:hover{background:var(--cream-6);border-color:var(--maroon-2)}select:hover input[type=email]:hover{background:var(--cream-6);border-color:var(--maroon-2)}select:hover input[type=password]:hover{background:var(--cream-6);border-color:var(--maroon-2)}select:hover input[type=description]:hover{background:var(--cream-6);border-color:var(--maroon-2)}select:hover select:hover{background:var(--cream-6);border-color:var(--maroon-2)}select:hover textarea:hover{background:var(--cream-6);border-color:var(--maroon-2)}select:hover input[type=text]:focus{box-shadow:0 0 5px var(--blue-3);outline:none}select:hover input[type=email]:focus{box-shadow:0 0 5px var(--blue-3);outline:none}select:hover input[type=password]:focus{box-shadow:0 0 5px var(--blue-3);outline:none}select:hover input[type=description]:focus{box-shadow:0 0 5px var(--blue-3);outline:none}select:hover select:focus{box-shadow:0 0 5px var(--blue-3);outline:none}select:hover textarea:focus{box-shadow:0 0 5px var(--blue-3);outline:none}select:hover textarea{min-height:100px}