Home>
problem

When I tried to add padding 25px to the class name "log-in" to increase the margins of the element and expand the range of the background color, I got an error.
The error code was "Expected RBRACE at line39 col.9".
If i know the cause, could you please tell me?
I've attached the code and a screenshot of the current status and the finished product.

Code in question
.log-in {
  display: inline-block;
  color: white;
  margin-left: 80px;
 background-color: rgba (255,255,255,0.3)
 padding: 25px;
}


I get an error in the padding on the last line.

All source code
`` `HTML
<! DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>Progate</title>
<link rel = "stylesheet" href = "stylesheet.css">
<!-Load Font Awesome here->
<link rel = "stylesheet" href = "// maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
</head>
<body>
<!-Let's write the code here->
<header>





 Login 


</header>


 LEARN TO CODE.<br>
LEARN TO BE CREATIVE. 
<p>Progate is an online programming learning service.<br>
Learn programming while creating web services with beginner-friendly slides and lessons.</p>
 Click here for new registration 
<p>or</p>

<span></span>Register on facebook


<span></span>Register on Twitter



</body>
</html>
html, body,
ul, ol, li,
h1, h2, h3, h4, h5, h6, p, div {
margin: 0;
padding: 0;
}
body {
font-family:'Hiragino Kaku Gothic ProN W3', sans-serif;
}
li {
list-style: none;
}
a {
text-decoration: none;
}
/ * Let's write CSS from here * /
header {
height: 65px;
width: 100%;
}
.header-container {
display: flex;
justify-content: space-around;
align-items: center;
height: 65px;
background-color: rgba (34, 49, 52, 0.9);
}
.log-in {
display: inline-block;
color: white;
margin-left: 80px;
background-color: rgba (255,255,255,0.3)
padding: 25px;
}
.logo {
width: 124px;
}
.top-wrapper {
background-image: url (https://prog-8.com/images/html/advanced/top.png);
background-size: cover;
height: 350px;
width: 100%;
padding: 180px 0 100px 0;
text-align: center;
color: white;
}
.container {
width: 1170px;
margin: 0 auto;
overflow: hidden;
}
.top-wrapper h1 {
font-size: 45px;
letter-spacing: 5px;
opacity: 0.7;
}
.top-wrapper p {
opacity: 0.7;
margin-bottom: 15px;
}
.btn {
padding: 8px 24px;
color: white;
opacity: 0.8;
border-radius: 4px;
}
.sign-up {
background-color: # 239b76;
margin-top: 15px;
margin-bottom: 15px;
display: inline-block;
}
.facebook {
background-color: # 3b5998;
margin-right: 10px;
display: inline-block;
}
.twitter {
background-color: # 55acee;
display: inline-block;
}
span {
padding-right: 5px;
}
Current status


The background color near the login is not reflected.

Finished product What I tried

"Expected RBRACE at line39 col.9" When I checked this error code, it said that I forgot to close the parentheses, but I don't think I forgot to close it near the 39th line of the problem.

I also tried changing the inline-block to block and setting the height, but padding didn't work.
If anyone knows the solution, please let me know.