.topnav{background-color:var(--ircbrown);overflow:hidden;display:inline-block;float:left;width:30%;font-size:20px;box-shadow:var(--defaultshadow)}.topnav a{float:left;display:block;color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none}.active{background-color:var(--ircgreen);color:white}.topnav .icon{display:none}.dropdown{float:left;font-size:20px;overflow:hidden}.dropdown .dropbtn{font-size:20px;border:none;outline:none;color:white;padding:14px 16px;background-color:inherit;font-family:inherit;margin:0}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1}.dropdown-content a{float:none;color:black;padding:12px 16px;text-decoration:none;display:block;text-align:left}.topnav a:hover, .dropdown:hover .dropbtn{background-color:var(--ircblue);color:white}.dropdown-content a:hover{background-color:#ddd;color:black}.dropdown:hover .dropdown-content{display:block}.bottomnav{float:left;overflow:hidden;font-size:1.3em}.bottomnav a{float:left;display:block;color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none;text-shadow:0 1px 2px rgba(55,55,55,0.7), 0 -1px 2px rgba(55,55,55,0.7)}.bottomnav a:hover{background:var(--ircblue);color:white}.bottomnav a.active{background-color:#4CAF50;color:white}.bottomnav .icon{display:none}@media screen and (max-width:600px){.bottomnav a:not(:first-child){display:none}.bottomnav a.icon{float:right;display:block}}@media screen and (max-width:600px){.bottomnav.responsive{position:relative}.bottomnav.responsive a.icon{position:absolute;right:0;top:0}.bottomnav.responsive a{float:none;display:block;text-align:left}}@media screen and (max-width:600px){.topnav a:not(:first-child), .dropdown .dropbtn{display:none}.topnav a.icon{float:right;display:block}}@media screen and (max-width:600px){.topnav.responsive{position:relative}.topnav.responsive a.icon{position:absolute;right:0;top:0}.topnav.responsive a{float:none;display:block;text-align:left}.topnav.responsive .dropdown{float:none}.topnav.responsive .dropdown-content{position:relative}.topnav.responsive .dropdown .dropbtn{display:block;width:100%;text-align:left}}body, html{margin:0;padding:0;height:100%;font-size:18px}body{font-family:arial, sans-serif;color:rgb(54,37,0)}.midheading{font-size:1.6em;text-transform:uppercase;letter-spacing:-2px;margin:0;padding:0;color:rgb(111,111,111)}.logo{background-image:url('https://boihost.com/web/site_2084_files/images/1595951021_irclogo.jpg');background-size:contain;background-repeat:no-repeat;width:200px;height:100px;float:left;margin:1em;border:1px solid silver}.navbar{width:40%;float:right;margin:auto;display:block}:root{--ircblue:#39b6f9;--ircbrown:#5b3f00;--ircgreen:#5da856;--defaultshadow:1px 3px 6px rgba(100,100,100,0.7)}.grayback{background:#EEEBE5;width:98%;padding:3px 1% 3px 1%;float:left;box-shadow:var(--defaultshadow)}.whiteback{background:rgb(244, 244, 244);width:98%;padding:1%;float:left;box-shadow:0 -5px 8px rgba(200,200,200,0.6)}#pagecontent{margin-bottom:5em}.footer{bottom:0;position:fixed;background:var(--ircbrown);width:98%;padding:0 1% 0 1%;float:left;box-shadow:0 -2px rgba(200,200,200,0.6);color:rgb(244,244,244);box-shadow:0 -4px 6px var(--ircbrown)}@media only screen and ( max-width:767px){.logo{width:100%}.navbar{width:100%}}