:root{--color1:black;--color2:white}*{font-family:Verdana, Arial, Helvetica, serif}a:visited{color:inherit}a:link{color:inherit}a:hover{background-color:var(--color1);color:var(--color2)}h1{color:var(--color1);text-align:left;padding:0px 15px}body{padding-top:50px;padding-bottom:50px;padding-left:10px;padding-right:10px}footer{position:fixed;bottom:0;left:0;width:100%;z-index:9998;background-color:var(--color1);color:var(--color2);padding:10px;font-size:small;text-align:center}footer a:hover{background-color:var(--color2);color:var(--color1)}img[alt$=img-homepage]{float:left;border-radius:50%;width:100px;margin-right:15px}.rotate{font-size:24px;display:inline-block;transform-origin:center;animation:rotate 3s linear infinite}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.topnav{background-color:var(--color1);overflow:hidden;position:fixed;top:0;left:0;width:100%;height:50px;z-index:9999}.topnav a{float:left;display:block;color:var(--color2);text-align:center;padding:14px 16px;text-decoration:none;font-size:17px}.topnav a:hover{background-color:var(--color2);color:var(--color1)}.topnav a.active{background-color:var(--color2);color:var(--color1)}.topnav .icon{display:none}.post-title-container{display:flex;justify-content:center;align-items:center;border:1px solid #000;margin-left:50px;margin-right:50px}.post-title{text-align:center;font-size:x-large;font-weight:bold;text-transform:uppercase}.post-date{font-size:small;text-align:right;margin-top:10px;margin-bottom:10px;margin-right:50px}