*{box-sizing:border-box;background-color:#bac8b1;margin:0;padding:0;font-family:Verdana,Geneva,sans-serif}html{scroll-behavior:smooth;scroll-padding-top:60px}header{background-color:#404e3b}li{list-style:none}a{color:#e6e6e6;text-decoration:none}.navbar{background-color:#404e3b;justify-content:space-between;align-items:center;width:100%;min-height:60px;padding:0 24px;display:flex;position:fixed}.nav-menu{background-color:#404e3b;justify-content:center;gap:50px;width:100%;display:flex}.nav-branding{z-index:100;white-space:nowrap;background-color:#404e3b;font-size:2rem}.nav-link{background-color:#404e3b;transition:all .2s}.nav-link:hover{color:#dd700b}.hamburger{cursor:pointer;background-color:#404e3b;display:none}.bar{background-color:#fff;width:25px;height:3px;margin:5px auto;transition:all .3s ease-in-out;display:block}@media (width<=768px){.hamburger{display:block}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:translateY(-8px)rotate(45deg)}.hamburger.active .bar:first-child{transform:translateY(8px)rotate(-45deg)}.nav-menu{text-align:center;background-color:#404e3b;flex-direction:column;gap:0;width:100%;transition:all .3s;position:absolute;top:-200px;left:0}.nav-item{background-color:#404e3b;margin:5px 0}.nav-menu.active{top:60px}}.section{text-align:left;text-wrap:pretty;color:#404e3b;flex-direction:column;place-items:center;width:100%;max-width:70ch;margin:auto;padding-top:10px;padding-left:20px;padding-right:5px;display:flex}p{margin-bottom:15px}.borderless{margin:0}h2{margin-bottom:10px}.content{background-color:#bac8b1;padding-top:70px}.post{border:2px solid #7b9669;border-radius:12px;width:90%;margin-bottom:10px;overflow:hidden}.card-body{flex-direction:column;gap:12px;padding:20px;display:flex}.paper-link{color:#404e3b;text-decoration:underline}.paper-link:hover{color:#dd700b}.button-grid{gap:12px;display:flex}.grid-btn{color:#404e3b;cursor:pointer;background-color:#bac8b1;border:2px solid #404e3b;border-radius:6px;padding:5px}.grid-btn:hover{color:#dd700b;border:2px solid #dd700b}.circle-container{border-radius:50%;width:200px;height:200px;margin-bottom:10px;overflow:hidden}.circle-container img{object-fit:cover;width:100%;height:100%}.flex-container{flex-flow:wrap;align-items:stretch;gap:16px;height:100%;display:flex}.flex-item{border:2px solid #7b9669;border-radius:12px;flex:250px;padding:10px}