123456789101112131415161718192021222324252627282930313233343536373839404142434445 |
- body{
- position: relative;
- margin: 0;
- background-color: rgb(226, 221, 221);
- min-height: 100vh;
- }
- .trafficLights{
- width: 100px;
- margin: 0 auto;
- border-radius: 10px;
- border: solid 4px black;
- display: flex;
- flex-wrap: wrap;
- padding: 20px;
- background-color: grey;
- }
- .trafficLights__off{
- width: 100px;
- height: 100px;
- border-radius: 50%;
- background-color: gainsboro;
- border: solid 4px black;
- display: flex;
- justify-content: center;
- align-items: center;
- font-size: 45px;
- color: rgb(5, 5, 5);
- }
- .trafficLights__off:not(:last-child){
- margin-bottom: 20px;
- }
- .resolvePromise{
- background-color: green;
- color: white;
- font-size: 35px;
- display: block;
- margin: 0 auto;
- margin-top: 40px;
- }
|