/* Rule 1: Apply to the element and possibly its descendants */ // : Use a uniquifier for the class name // : Use a value from 100 to 900 .roboto-slab- { font-family: "Roboto Slab", serif; font-optical-sizing: auto; font-weight: ; font-style: normal; } body{ background: grey; } div{ position: relative; font-family: "Georgia", serif; max-width: 650px; -max-height : 396,50653px; max-height : 300px; height : 300px; margin: auto; background: rgb(209, 207, 186); background-image: url("bck.svg"); background-size: cover; color : rgb(29, 31, 13); padding: 30px; border : 1px solid white; } #bulb1{ position: absolute; top: 2px; -bottom: 0; left: 50px; -right: 200; -border: 3px solid #73AD21; } #bulb2{ position: absolute; top: 2px; -bottom: 0; left: 90px; -right: 200; -border: 3px solid #73AD21; } #bulb3{ position: absolute; top: 5px; -bottom: 0; left: 130px; -right: 200; -border: 3px solid #73AD21; } #bulb4{ position: absolute; top: 10px; -bottom: 0; left: 170px; -right: 200; -border: 3px solid #73AD21; } #bulb5{ position: absolute; top: 5px; -bottom: 0; left: 210px; -right: 200; -border: 3px solid #73AD21; } #bulb6{ position: absolute; top: 10px; -bottom: 0; left: 250px; -right: 200; -border: 3px solid #73AD21; } #bulb7{ position: absolute; top: 7px; -bottom: 0; left: 290px; -right: 200; -border: 3px solid #73AD21; } #bulb8{ position: absolute; top: 15px; -bottom: 0; left: 330px; -right: 200; -border: 3px solid #73AD21; } #bulb9{ position: absolute; top: 2px; -bottom: 0; left: 360px; -right: 200; -border: 3px solid #73AD21; } #bulb10{ position: absolute; top: 25px; -bottom: 0; left: 380px; -right: 200; -border: 3px solid #73AD21; } #bulb11{ position: absolute; top: 40px; -bottom: 0; left: 410px; -right: 200; -border: 3px solid #73AD21; } #bulb12{ position: absolute; top: 15px; -bottom: 0; left: 430px; -right: 200; -border: 3px solid #73AD21; } #bulb13{ position: absolute; top: 13px; -bottom: 0; left: 470px; -right: 200; -border: 3px solid #73AD21; } #bulb14{ position: absolute; top: 18px; -bottom: 0; left: 510px; -right: 200; -border: 3px solid #73AD21; } #bulb15{ position: absolute; top: 16px; -bottom: 0; left: 540px; -right: 200; -border: 3px solid #73AD21; } #bulb16{ position: absolute; top: 5px; -bottom: 0; left: 560px; -right: 200; -border: 3px solid #73AD21; } #bulb17{ position: absolute; top: 22px; -bottom: 0; left: 575px; -right: 200; -border: 3px solid #73AD21; } #bulb18{ position: absolute; top: 32px; -bottom: 0; left: 604px; -right: 200; -border: 3px solid #73AD21; } #bulb19{ position: absolute; top: 8px; -bottom: 0; left: 625px; -right: 200; -border: 3px solid #73AD21; } #bulb20{ position: absolute; top: 22px; -bottom: 0; left: 660px; -right: 200; -border: 3px solid #73AD21; } #clockid{ position: absolute; top: 85px; -bottom: 0; -left: 560px; right: 190px; -border: 2px solid #73AD21; font-family: "Roboto Slab", serif; letter-spacing: 1px; font-size : 25px; font-weight: 600; padding: 1px 2px; text-align: left; } #scoreid{ position: absolute; top: 123px; -bottom: 0; -left: 560px; right: 25px; -border: 2px solid #73AD21; font-family: "Roboto Slab", serif; letter-spacing: 1px; font-size : 20px; font-weight: 600; padding: 1px 2px; text-align: right; }