html{ font-size: 24px;}
*{background-color: #ffffff; max-width: 100%; box-sizing: border-box; font-family: sans serif; padding: 0; margin: 0}

header{
  display: grid; grid-template-columns: 1fr 2fr;position: fixed; top: 0; left: 0; width: 100%; height: 15mm; padding: 1dvw; background-color:#fafafa;z-index: 2
}
header *{background: none;}
header img{height: 10mm; margin: 1mm}
header li{list-style-type: none}
.theme-switcher { margin: 0; padding: 0; right: 15dvw; bottom: 15dvw }

:where(input, textarea, select) {padding: 1dvw !important;  height: 10dvw;}
[type="submit"]{background-color: green !important;; }
form{display: flex; flex-direction: column; grid-gap: 1.4rem .5rem; padding: 2dvw; height: auto; margin-top: 10dvw}
form div{width: 100%;}
form div{display: flex; flex-direction: column;   grid-gap: 1.4rem .5rem; position: relative; width: 100%; height: auto}
form div> :where(input:not([type="checkbox"]), label, textarea, select){position: relative; width: 100%; padding: .5rem; font-size: 1rem;background: none;}

form div>label{position: absolute; z-index: 1}
form div>label{transition: .5s ease ; background: none; width: fit-content;  height: 4rem; left: 0; }
form div>input:not([type="checkbox"]):focus + label,
form div>input:not([type="checkbox"]):not(:placeholder-shown) + label
{font-size: 5dvw; line-height: 160%; top: -8dvw; left: .0rem; padding: 0; height: auto; border: none; background-color: var(--label_bkg_color); color: var(--label_txt_color); padding: 0 1rem;  width: fit-content}
form div:last-child, form div:last-child a{font-size: 1dvw}
form [type="checkbox"]{border: solid red; width: 5dvw; margin: 0;}
form [type="checkbox"] + label{position: relative; padding: 0; height: auto}

.dashboard_content{display: flex; flex-direction: column; gap: 5dvw}
.dashboard_section{padding: 2dvw; position: relative; border: solid 1px #ccc}
.dashboard_section li{display: flex; gap: 1.5dvw}
.dashboard_section img{width: 6dvw; height: 6dvw}
.dashboard_section h2{margin: 5dvw 0}
.dashboard_section * {font-size: 6dvw}
.dashboard_section>.icons{position: absolute;top: 2dvw; right: 2dvw}