:root{
    --invalid-border-color: rgb(255, 0, 0);
}
input:user-invalid{
    outline: none;
    border-color: var(--invalid-border-color);
    /* border-style: solid; */
    /* border-width: 2px; */
}

.page-head{
    margin-top:14px; 
    font-size:clamp(2rem,4vw,2.8rem);
}
.wrap-640{
    max-width: 640px;
}

.subnav:hover .subnav-content{
    display:flex;
    flex-direction: column;
    position:absolute;
}
.subnav-content{
    display:none;
    background-color: var(--bg);
}

#logout-confirm{
    display:none;
    background-color: var(--bg);
}

.schem-node-box:hover{
    fill: var(--surface-2);
}
.schem-node-box.mid:hover{
    fill: var(--copper-wash-2);
}
#res_output{
    color: red;
    font-size: larger;
}