I need to resolve an issue involving curly brackets. However, all opening brackets have a corresponding pair. There is an error on line 212
Expected RBRACE at line 212, col 2. @-webkit-keyframes move {
Oddly enough, when I test the code separately before and after line 212, no errors are visible.
@media all and (min-width: 1px){
.main-pointing-slider .box .dot-4{
bottom: -2px;
left: 128px;
top: auto;
right: auto;
bottom: -2px;
left: calc(50% - 3px);
position: absolute;
-webkit-animation-name: dotShow;
-webkit-animation-duration: 0.5s;
-webkit-animation-delay: 2s;
-webkit-animation-timing-function: linear;
-moz-animation-name: dotShow;
-moz-animation-duration: 0.5s;
-moz-animation-delay: 2s;
-moz-animation-timing-function: linear;
animation-name: dotShow;
animation-duration: 0.5s;
animation-delay: 2s;
animation-timing-function: linear;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
background: linear-gradient(to bottom, #dcd4cb 0%, #f3c886 100%)
}
...
@-webkit-keyframes move {
0% {
-webkit-transform: scaleX(0.1);
-moz-transform: scaleX(0.1);
-ms-transform: scaleX(0.1);
transform: scaleX(0.1);
opacity: 1
}
100% {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
opacity: 1
}
}
}
This syntax error is preventing the validator from identifying a closing bracket in the @media section.