MISSING CLOSING '}' IN CUSTOM CSS WITH NO WAY TO FIND IT

Hey all, 

I hope someone can help me. I noticed in the bottom right, that there was a red error, see the attached CSS code. It says "Missing Closing '}'. Can you help me figure this out? I appreciate all the help. Thank you.

@font-face {
font-family: 'EuclidCircularA-Bold';
src: url('https://static1.squarespace.com/static/654d06f1d98b18141cac1b3c/t/659c148660297c6b267d9830/1704727686818/EuclidCircularA-Bold.otf'); 
}
h3, h2, p {
font-family: 'EuclidCircularA-Bold';
}

@font-face {
font-family: 'EuclidCircularA-Regular;
src: url(https://static1.squarespace.com/static/654d06f1d98b18141cac1b3c/t/659c1f2749d6fa3499e6830e/1704730407570/EuclidCircularA-Regular.otf);

.sqsrte-large {
font-family: 'EuclidCircularA-Regular';
}

#custom-bar {
    background-color: #9E59C4; /* Set your desired background color */
    color: #FFFFFF; /* Set your desired text color */
    text-align: center;
    padding: 15px 0 20px 0;
    font-size: 24px;
}

/* Style the "Sign up" link */
#custom-bar a {
    color: #FFFFFF; /* Set your desired link color */
  font-weight: 700;
    text-decoration: none;
}

/* Hover effect for the "Sign up" link */
#custom-bar a:hover {
    text-decoration: underline;
}

header#header {
    margin-top: 55px; /* Adjust the margin-top value to create space below the custom bar */
}
/* Hide navigation items */
.header-nav {
    display: none;
}