.post{background-color:#f5f5f5;flex-wrap:wrap;margin-bottom:1vh;padding:1%;display:flex}header{background-color:#404040;align-items:baseline;min-height:10vh;margin-bottom:1vh;display:flex}header h1{color:#f5f5f5;margin-left:100px}.post h1{width:100%}.post img{width:25%;height:250px}.post p{width:74%;margin-left:1%}.row{flex-wrap:wrap;min-height:80vh;display:flex}.row,h2{text-align:center}.nav{background-color:bisque;width:20%}.nav ul li{text-align:center;background-color:#404040;border-radius:15px;margin-bottom:1vh;margin-right:20px;padding:2% 5%;list-style:none}.nav ul li a{color:#fff;text-decoration:none}.nav a:hover{color:#dc143c}.link{color:#000;text-decoration:none}.link:hover{color:#4169e1}.mid{background-color:#f5f5f5;width:80%}img{width:99%;height:480px}.insert{flex-flow:column wrap;width:50%;margin:auto;display:flex}input,textarea{margin-bottom:1vh;padding:1%}.btn{cursor:pointer;border-radius:25px;padding:1%}.btn:hover{background-color:#daa520}#delbtn{cursor:pointer;color:#000;text-decoration:none}#delbtn:hover{color:red}.updbtn{cursor:pointer}.updbtn:hover{color:#dc143c}.head{text-align:center}.icon{margin-right:8px}#hpen{color:#d2691e}.navlink{background-color:gold;align-items:center;column-gap:25px;width:100%;height:10vh;margin-bottom:1vh;text-decoration:none;display:flex}.navlink ul{gap:20px;display:flex}.navlink ul li{list-style:none}.navlink ul li a{color:#000;margin-left:40px;text-decoration:none}.navlink a:hover{color:red}.foot{color:#fff;text-align:center;background-color:#404040;align-content:center;align-items:center;width:100%;height:10vh;margin-top:1vh}