@import url(https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New&display=swap);body,html{font-size:1em;font-weight:400;padding:0 4px;margin:0 6px 50px;letter-spacing:1px;font-family:Zen Kaku Gothic New,sans-serif;color:#0ff}.brand{cursor:pointer}.btn_back{border:0 solid #dbdbdb;background:transparent;margin:20px 0 10px;font-size:18px;letter-spacing:1.1px}.btn_back:hover{color:#8a8a8a}.container{width:96%}.grid{margin:18px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:40px;width:90%}p{font-size:1.2em}h1{letter-spacing:3px}h1,h2{font-family:Zen Kaku Gothic New,sans-serif}h2{display:block;font-size:1.3em;letter-spacing:4px;text-align:center}a{text-decoration:none;color:inherit}.nav-items-g{font-size:1.2rem}@media (max-width:700px){.container{width:95%}.grid{margin:40px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:40px;width:90%}.nav-items-g{font-size:1.1rem}}.m-item{position:absolute;top:0;width:11.5em;background-color:transparent;padding:20px 0 20px 20px;border-radius:6px;letter-spacing:4px;cursor:pointer;-webkit-transition:1.3s;transition:1.3s;font-family:Zen Kaku Gothic New,sans-serif;font-size:22px;text-align:center;right:-9em}.m-item:hover{-webkit-transition:0;transition:0;-webkit-transform:scale(1);transform:scale(1)}.m-logo{z-index:1;background-image:url(/img/catmenuBWc.jpg);background-size:cover;height:36px;width:9.2em;margin:-4px 0 0;text-align:center;padding:20px 24px 24px 26px;font-family:Zen Kaku Gothic New,sans-serif;font-size:1.3em}.m-logo:hover{background-image:url(/img/pooz.jpg);color:#fff;-webkit-transition:0;transition:0;-webkit-transform:scale(1);transform:scale(1)}.open-1{top:4em}.open-1,.open-2{background-color:transparent}.open-2{top:6em}.open-3{top:8em}.open-3,.open-4{background-color:transparent}.open-4{top:10em}.open-5{top:12em}.open-5,.open-6{background-color:transparent}.open-6{top:14em}.open-7{top:16em}.open-7,.open-8{background-color:transparent}.open-8{top:18em}.open-9{top:20em}.open-9,.open-10{background-color:transparent}.open-10{top:22em}@media (max-width:700px){.m-logo{z-index:1;background-image:none!important;background-color:#7d7f7e!important;color:#fff!important;width:8em;height:44px;text-transform:lowercase}.m-logo:hover{-webkit-transition:0;transition:0;background-color:#967bb6!important}.m-item{width:8em;padding:4px 0;letter-spacing:3px;font-size:24px}.open-1{top:3em}.open-1,.open-2{background-color:transparent}.open-2{top:5em}.open-3{top:7em}.open-3,.open-4{background-color:transparent}.open-4{top:9em}.open-5{top:11em}.open-5,.open-6{background-color:transparent}.open-6{top:13em}.open-7{top:15em}.open-7,.open-8{background-color:transparent}.open-8{top:17em}.open-9{top:19em}.open-9,.open-10{background-color:transparent}.open-10{top:21em}}body.light-mode{color:#2d3033}body.light-mode,body.light-mode .nav a,body.light-mode a{-webkit-transition:background-color .8s ease;transition:background-color .8s ease}body.light-mode .nav a{color:#3f4146}body.light-mode .m-item{color:#303235;cursor:pointer}body.light-mode .m-item,body.light-mode .m-item:hover{-webkit-transition:.8s;transition:.8s}body.light-mode .m-logo{color:#fff}body.dark-mode{background-color:#162c35;color:#d1d1d1;-webkit-transition:background-color .8s ease;transition:background-color .8s ease}body.dark-mode .nav a,body.dark-mode a{-webkit-transition:background-color .8s ease;transition:background-color .8s ease;color:#dfdfdf}body.dark-mode .dark-mode-toggle>button{color:#999}body.dark-mode .dark-mode-toggle>button:last-child{color:#add8e6;-webkit-transition:background-color .8s ease;transition:background-color .8s ease}body.dark-mode .content code{background-color:#1b2938}body.dark-mode .content a,body.dark-mode .content button{color:#ee0 9}nav.dark-mode{color:#fff}body.dark-mode .kpng{opacity:.8}body.light-mode .kpng{opacity:.9}body.dark-mode .btn_back{color:#c8c8c8}body.dark-mode .btn_back:hover{color:#dcdcdc}