I’m trying to make a South Park-themed project landing page. The HTML content looks good, but my css code is way off. I know because the formatting looks super weird. Can someone show me what wrong with this code?
.South-Park-Logo {width: 250px;
height: 200px;}
header {width: 100%;
display: flex;
align-items: center;
position: flex;}
ul {
list-style: none;
display: flex;
justify-content: space-around;
align-item: center;}
nav {width: 100%;
display: flex;
align-items: center;
position: flex;}
.sign-up-page {height: 150px;
display: flex;
justify-content: flex-start;
align-items: center;
bacground-color: red;
color: yellow;}
.clips {height: 500px;
display: flex;
justify-content: center;}
.video {height: 300px;
bacground-color: black;
color: white;}