nav{margin-bottom:20px;user-select:none;box-sizing:border-box;padding:10px;background-color:#0ca678;width:100%;height:auto;display:flex;justify-content:space-between;column-gap:5px}nav a,nav a:visited{color:black}nav>div{display:flex;column-gap:10px;align-items:center}nav>div>a{display:inline-block;font-size:1.2em;font-family:monospace;border:2px solid #099268;border-radius:10px;padding:10px;font-weight:500;cursor:pointer;transition:all .2s ease-in-out}nav>div>a:hover{background-color:#0cbc87}nav>div>img{border:2px solid #099268;border-radius:50%;width:50px;height:50px}@media screen and (max-width:318px){nav>div>a{font-size:.95em}}@media screen and (max-width:286px){nav{flex-direction:column;row-gap:10px}nav>div{justify-content:space-between}}