.topnav{transition:all .5s ease;list-style-type:none;overflow:hidden;text-align:center;width:100%;z-index:100;padding:0 80px}.topnav-content-left{float:left}.topnav-content-right,.topnav-links{float:right}.topnav a{float:left;color:#888;display:block;text-align:center;text-decoration:none;padding:0 10px;font-size:18px;height:60px;display:flex;justify-content:center;align-items:center}.topnav a:hover:not(.active){color:var(--text-color)}.activeA{color:var(--text-color)!important}.topnav-center{margin:15px 0}.name{float:left;color:#333;padding:0 10px;font-size:18px;height:60px;display:flex;justify-content:center;align-items:center}@media screen and (max-width:720px){.topnav{padding:0 40px}.topnav-links{float:left}}.content{width:100%;text-align:center;display:flex;flex-direction:row;justify-content:center;padding:20px 0}.content a{margin:20px}