.container{margin:0 auto;width:80%}nav,footer{background-color:#333;color:#fff;text-align:center}nav{display:flex;flex-direction:column}nav>a{flex:1;text-align:center;text-decoration:none;color:#fff}@media only screen and (min-width:768px){nav{flex-direction:row}}@media only screen and (min-width:768px){.project-container{display:flex}.project-container .project-list{width:20%}.project-container .project{flex:1}}.oss{display:flex;flex-wrap:wrap;justify-content:space-between}.oss article{border:1px solid #ddd;box-shadow:3px 3px 3px #ddd;margin:.5%;padding:.5%;width:30%}a.tag{background-color:#ddd;color:#333;display:inline-block;padding:.1en;font-size:.9em;text-decoration:none}.pagination{display:flex;justify-content:space-between;list-style:none;margin:1em auto;padding:0}@media only screen and (min-width:768px){.pagination{width:30%}}.pagination>.page-item{border:1px solid #ddd;flex:1;text-align:center;width:5em}.pagination .page-link{display:block;color:#000;text-decoration:none}.pagination>.page-item.active{background-color:#333}.pagination>.page-item.active>.page-link{color:#fff}.pagination>.page-item.disabled>.page-link{color:#ddd}figure img{max-width:100%;height:auto}