/* Import default settings */

/* Site Font */
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

/* Google Icons */
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined");

@import "user.css";
@import "style.css";
@import "fade.css";
@import "popup.css";
@import "tabs.css";
@import "menu.css";
@import "debug.css";

@import "virtual-table.css";
@import "games.css";

:root{
    --off-white: #fbf9f9;
    --brand-color1: #f1651d;
    --brand-color2: #fea360;
    --brand-color3: #fceebf;
    --brand-color4: #55cfd6;
    --brand-color5: #0a97b7;
    --brand-color6: #ca9b81;
    --brand-color7: #60857e;
    --brand-color8: #7eafa6;

    --popupheader-lineheight: 2.5rem;
}


.explain{border-bottom:1px dotted black;}
.detail{display:none;}

.explain:hover + .detail{display:block;}

/* 
.detail{color:red;}
.toggleall ~ .detail{display:none;}
.toggleall:hover ~ .detail{display:block;}
.toggle-next:hover + .detail{display:block;}
.toggleid:hover ~ #withid{display:block;}

.nesting div{padding-left:5px;} 
.nesting div div {display:none;}
.nesting .nest-next:hover > div{display:block;}
.nesting .nest-all:hover *{display:block;}

.nesting .nest-all{color:red}
.nesting .nest-all div{color:green}
*/