html - Issue with Adding Additional CSS -Wordpress -

only top row of customized css affects theme design ,all rest not affected. why happening , how can fix it?

edit: css being used

#mytext {     line-height: 0.5px;     word-wrap: break-word } ; .site-branding {     opacity: 0.8;     font-size: px;     text-transform: uppercase;     text-shadow: 7px 5px 0 rgba(0, 0, 0, 0.5); } ; #navigation_menu {     display: none } ; break-word } ; #page {     font-family: 'lato', sans-serif } ; .navbar, .site-description, .site-title {     font-family: 'lato', sans-serif } ; .entry-title {     font-family: 'lato', sans-serif } ;