nav{width:100%;height:60px;display:flex;align-items:center;justify-content:space-around;background-color:var(--secondary-color)}nav div{height:100%;display:flex;align-items:center;justify-content:center;padding:0 20px}nav div:hover{background-color:red;cursor:pointer}nav div{color:#fff;font-weight:700;font-size:larger}.post{margin:10px;padding:10px;width:500px;background-color:var(--tertiary-color);border-radius:5px;transition:all .3s ease-in-out}.post img{aspect-ratio:16/9;width:100%}.title{font-size:1.5rem;text-align:center;font-weight:700}.view{margin:auto;width:500px;max-height:100vh;overflow-y:auto;display:flex;flex-wrap:wrap;justify-content:center}.view::-webkit-scrollbar{display:none}footer{background-color:var(--secondary-color);color:#fff;font-weight:700;text-align:center;height:50px;display:flex;align-items:center;justify-content:center;font-size:large}:root{--primary-color: #f1db81;--secondary-color: #ff6600;--tertiary-color: #eeb530}body{margin:0;background-color:var(--primary-color)}