:root{--HoverColor:#b6b6b6}*{color:gray;margin:0;font-family:Roboto;font-size:14px}h1{font-size:34px}body{background-color:#181818}section{width:100vw;height:100vh;margin:0 auto}#content{max-width:90%;margin:auto;display:block}#topbar{min-height:7vh;margin:0 auto;display:flex}#sitetitle{border-radius:25px;align-content:center;margin-left:2%;font-size:20px}#topbar p{float:left}#topbar nav{width:20vw;min-height:7vh;margin:10px auto;display:flex;position:fixed;left:0;right:0}#topbar nav a{text-align:center;background-color:#4e4e4e;border-radius:25px;flex:auto;align-content:center;min-width:15%;margin:0 5px 0 0}#topbar #signout{float:right;text-align:center;cursor:pointer;background-color:#5f3838;border:none;border-radius:20px;align-content:center;min-width:5%;position:absolute;top:1%;left:94%}#topbar #signout img{width:50%}.triangle{border-style:solid;border-width:0 15px 20px;border-color:transparent transparent var(--HoverColor) transparent;width:5%;height:5%;margin:auto;position:fixed;top:-30%;left:0;right:0}#topbar a img{width:60%}#topbar a:hover .hoverText{display:block}.hoverText{background-color:var(--HoverColor);color:#353535;text-align:center;border-radius:15px;align-content:center;min-width:30%;height:40px;font-size:16px;display:none;position:absolute;transform:translate(-20%)translateY(50%)}#topbar a:hover{border-bottom:var(--HoverColor) 4px solid}