[Solved] Why is my CSS broken?

by


You aren’t closing this style:

body {
    font-family: 'Joti One';

Which causes everything after that to fail. Fixing that also results in the following validation issues:

290 .p3 Value Error : border-top-style Too many values or values are not recognized : dotted 5px lime
291 .p3 Value Error : border-right-style Too many values or values are not recognized : dashed 7px #ff0000
292 .p3 Value Error : border-bottom-style Too many values or values are not recognized : solid 7px rgb(255, 0, 0)
293 .p3 Value Error : border-left-style Too many values or values are not recognized : double 5px lime
303 html    Value Error : font-family Missing a semicolon before the property name background-color

The border issues are caused because you’re passing non-border-style values to the border-style property, you should just be using border-top, border-right, etc (unless you’re specifically just trying to change the style here, in which case you should just pass the dotted, dashed, etc values and not the width and colour).

Finally, I don’t think background-clip: text; is currently supported unprefixed (at least the validator complains about it). It shouldn’t affect the rest of the CSS being displayed but worth noting.

solved Why is my CSS broken?