@import 'https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap';:root{--bg-color:#13262F;--text-color:#E9E6FF;--nav-bg:#324175;--nav-hover-bg:#4867D9;--btn-color:#4867D9;--card-bg:#583E23;--card-fg:#fff}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background-color:var(--bg-color);color:var(--text-color);font-family:montserrat,sans-serif;overflow-x:hidden;overflow-y:auto}.list-page-title{margin:1em 0}.header-title{text-align:center}.container{margin:0;padding:0;display:grid;grid-template-columns:'nav' 'main' 'footer';grid-template-rows:auto minmax(auto,1fr)auto;grid-template-columns:100%;min-height:100%}main{margin:1em auto;max-width:80%;grid-area:'main'}main a{color:#fff}nav{margin-top:0;background-color:var(--nav-bg);grid-area:'nav';width:100%;padding:1.4em}nav ul{list-style:none;margin:0;display:flex;justify-content:center;align-items:center}nav li{height:100%;margin:0;padding:0}nav a{text-decoration:none;color:#fff;margin:0;padding:1em;transition:background-color .2s ease}nav a:hover{background-color:var(--nav-hover-bg);height:100%;padding:1em}.post h1,h2,h3,h4,h5,h6{margin:12px 0}.post p{margin:12px 24px;float:left}.post img{margin:12px 24px;max-width:50%;height:100%;border-radius:4em;float:right;clear:both;filter:drop-shadow(-2px 2px 4px #000000)}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;gap:24px}.card{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:12px 24px;border-radius:4px;background-color:var(--card-bg);color:var(--card-fg);filter:drop-shadow(5px 5px 10px #000000)}.card>*{width:100%;height:100%;margin:0;padding:12px}.card a{color:#fff}.card ul{margin:0}.card h2{}.card li{margin-bottom:1em}.card-sm{width:40em}button{border:none;background-color:var(--btn-color);color:var(--text-color);padding:.8em}button:hover{cursor:pointer}video{width:100%;height:100%}iframe{max-width:100%}pre{width:100%;overflow:auto}p{margin-bottom:12px}main{width:100%}.center{display:flex;justify-content:center;align-items:center}.player_thumb{cursor:pointer;width:100%;aspect-ratio:16/9}.video_area iframe{width:100%;height:auto}footer{grid-area:'footer';padding:1em;background-color:var(--nav-bg);display:flex;justify-content:center;align-items:center}ul{list-style:none}li{margin:0;padding:0}footer>*{padding:1em;margin-left:1em}footer ul{list-style:none}footer a{text-decoration:none;color:var(--text-color)}.mobile{display:none}.responsive-img{max-width:100%;height:100%;margin-left:1em}.sm-responsive-img{max-width:100%;height:30em;margin-left:1em}.sm-rounded-img{border-radius:4%}.rounded-img{border-radius:50%}.social-icon{height:4em}.about{display:flex;justify-content:center;align-items:center}.about>*{margin:1em}.dropdown{overflow:hidden;border:none;outline:none;height:100%;margin:0;padding:0}.dropbtn{border:none;outline:none;margin:0;padding:1.4em;height:100%;justify-content:center}.navbar a:hover,.dropdown:hover .dropbtn{background-color:red;cursor:pointer}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px rgba(0,0,0,.2);z-index:1}.dropdown-content a{float:none;color:#000;padding:12px 16px;text-decoration:none;display:block;text-align:left}.dropdown-content a:hover{background-color:#ddd}.dropdown:hover .dropdown-content{display:block}@media only screen and (max-width:900px){main{max-width:100%}img{float:none}footer{flex-direction:column;justify-content:center;align-items:center;text-align:center}.card{flex-direction:column;justify-content:center;align-items:center}.card>*{max-width:100%;max-height:100%}.sm-responsive-img{float:none;max-width:100%;height:100%;margin-left:1em}.hero-grid{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr;gap:24px}}}