/*ngsk22.css feb2024 v1 */



.noto-sans-<uniquifier> {
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
 


body div{outline:1px dotted gray; font-family:'Noto Sans', sans-serif;}


*h1,h2,h3,h4,h5,h6 {  font-family: Anton, sans-serif;}
body, html {font-family: 'Noto Sans', sans-serif; font-size:16px;}



dl {margin: 2%;}
dt{margin-top:10px; font-weight:550;}
dd{margin-top:3px;}
 
.logo{background:white; width:auto; height:auto; margin-top:0; padding-top:0;  opacity:0.8;} 
.logo:hover {opacity:1;}
.lef {margin-top:0;padding:0;}
.logo h1{margin:0;}
.ctr {text-align:center; width:100%; margin:auto;}
 
h1, h2, h3, h4, h5, h6 {font-family:'georgia'; letter-spacing:2px;  }
h2  {margin-top:0; padding-top:0; text-align:left; font-size:20px; text-align:center; padding:2% 0;}
h3{text-align:center; }
h4{  text-align:right;  }

p {margin:0 15px 10px 15px;}
li{font-size:15px; margin-bottom:5px; line-height:20px;}
ol li ul li {margin-left:-25px;}
dd{font-size:14px}

		/* COLORS */
body, html {background:#fff;}
h2{color:black;  background:#fc3; }
h3 {border-bottom:1px solid brown;}
h4{border-bottom:1px solid gray;  background:yellow;}
.MID {background:#ffe;   }

.orang{background:orange; padding:5px;}
.domain {letter-spacing:0.05em; }
.red{color:#FF9003; }
.ptt {background:#0081a7; color:#b7e4c7;}



a:active, a:hover, a:visited{color:#00f;}
 .lef, .lef2, .rig, .rig2 {background:#ffe; padding-bottom:2%;}
  
@media screen and (min-width: 600px)   {
.lef{float:left; width:49%; background:#ffe;min-height:580px; }
.lef2{ float:left;width:49%;  padding:.0 1%;background:#ffe; min-height:580px; }
.rig, .rig2{float:left;  width:48%; padding:.0 1%; background:#ffe; min-height:580px;}
 .lef, .lef2, .rig, .rig2 {padding-bottom:0;}	
.MID{float:left; width:5%; margin:.0 1% 0; height:auto; display:block; background:#00f;}
}
 
 @media screen and (min-width: 1000px)   {
.lef{float:left; width:24%;min-height:570px;  }
.lef2{ float:left;float:left;width:24%;  padding:0 .1%;  min-height:570px; }
.rig, .rig2{float:left;  width:23.75%;  padding:0 .1%; min-height:570px; }	
.MID{float:left; width:0.1%;    margin:.0 .55% 0 ; min-height:540px;  display:block;background:#ffe }
}