body{background-color:#9400d3;margin:0}ul{display:flex;flex-direction:column}.navBar{display:grid;width:100%;border-bottom:5px solid white;border-top:1px solid white}.navItem{max-width:100px;max-height:100px;filter:invert(100%)}.navBar a{display:flex;justify-content:center;border-left:2px solid white;border-right:2px solid white;background:#000;transition:background .3s}.navBar a:hover{background:#c800c8}.loginText{width:fit-content;text-decoration:underline;color:purple}.loginText:hover{cursor:pointer}.messageBox{display:flex;width:60vw;border:3px solid black;margin-top:5px;justify-content:center;align-items:center;flex-direction:column;background:#f5f5f5}.addMessage{display:flex}.likeBox{display:flex;position:absolute;width:fit-content;justify-content:center;align-items:center;right:10px}.likes{margin:0 5px 0 0}.messageHead{display:flex;justify-content:center;flex-direction:row;position:relative;width:100%;background:#add8e6}