Need help with VH matching viewpoint

Hi I’m very new and not sure if I totally messed something up but I can’t figure out how to complete

#navbar{
height: 100%;
position: fixed;
top: 0;
left: 0;
text-shadow: 1px 1px 2px;
}
welcome-section {
height: 100vh;
}
}
a:hover{
background-color: grey;
}
a{
color: black;
padding: 10px;
margin: 0;

}
@media screen and (max-height: 450px){
#navbar{padding-top: 5px;}
#navbar{font-size: 16px;}

}
body{ background-image: url(“https://www.bapihvac.com/wp-content/uploads/quantum_background_faded.jpg”);
}

Welcome. You need a . when selecting a class (e.g., .class-name).

Also, when posting code, use the </> button in the message editor. Or you can post a link to your codepen.

A Pen by Carla (codepen.io)

I tried [.welcome-section] and then added 100vh but it doesn’t work. I’m not sure If I left something out in HTML