p:where(.astro-QEM7J3ZN){color:#fff;text-align:center}#symbol:where(.astro-QEM7J3ZN){width:50px;height:50px;margin-left:auto;margin-right:auto;display:block}ol:where(.astro-QEM7J3ZN){color:#fff;font-size:18px}#header:where(.astro-QEM7J3ZN){background-image:url(https://raw.githubusercontent.com/Mawtias/WebDev/main/imgs/img1.png);background-repeat:no-repeat;background-position:bottom right;background-color:#bfbfbf;background-size:38%;min-height:400px;font-family:Poppins}h3:where(.astro-QEM7J3ZN){max-width:80%;margin-top:10px;margin-left:10px;margin-right:10px;padding-right:12%}#title:where(.astro-QEM7J3ZN){margin:0 auto;padding:15px;color:#000;text-align:center;font-family:Poppins}#colorName:where(.astro-QEM7J3ZN){text-align:center;margin:0 auto;padding-bottom:10px;color:#fff}.container:where(.astro-QEM7J3ZN){width:100%;margin:0;padding:0}.card:where(.astro-QEM7J3ZN){width:20%;height:100%;padding:20px;float:left;font-family:Poppins;background-repeat:no-repeat;background-size:cover;background-position:center}#boxBlue:where(.astro-QEM7J3ZN){background-image:url(https://raw.githubusercontent.com/Mawtias/WebDev/main/imgs/island.jpg)}#boxGreen:where(.astro-QEM7J3ZN){background-image:linear-gradient(to bottom right,#63d471,#005f23);background-image:url(https://raw.githubusercontent.com/Mawtias/WebDev/main/imgs/forest.jpg)}#boxRed:where(.astro-QEM7J3ZN){background-image:linear-gradient(to bottom right,#f73a29,#9a0a0a);background-image:url(https://raw.githubusercontent.com/Mawtias/WebDev/main/imgs/mountain.jpg)}#boxBlack:where(.astro-QEM7J3ZN){background-image:linear-gradient(to bottom right,#b589d6,#7333b3);background-image:url(https://raw.githubusercontent.com/Mawtias/WebDev/main/imgs/swamp.jpg)}#boxWhite:where(.astro-QEM7J3ZN){background-image:linear-gradient(to bottom right,#fafaee,#b99c87);background-image:url(https://raw.githubusercontent.com/Mawtias/WebDev/main/imgs/plains.jpg)}@media (max-width: 1023px){ul:where(.astro-QEM7J3ZN){font-size:x-large}#boxBlue:where(.astro-QEM7J3ZN){width:100%;max-width:100%;margin:0}#boxGreen:where(.astro-QEM7J3ZN){width:100%;max-width:100%;margin:0}#boxRed:where(.astro-QEM7J3ZN){width:100%;max-width:100%;margin:0}#boxBlack:where(.astro-QEM7J3ZN){width:100%;max-width:100%;margin:0}#boxWhite:where(.astro-QEM7J3ZN){width:100%;max-width:100%;margin:0}#header:where(.astro-QEM7J3ZN){background-size:40%}#symbol:where(.astro-QEM7J3ZN){width:100px;height:100px}ol:where(.astro-QEM7J3ZN){text-align:center;list-style-position:inside;-webkit-padding-start:0px;padding-inline-start:0px;font-size:x-large}}@media (max-width: 426px){#header:where(.astro-QEM7J3ZN){text-align:center;background-position:bottom;padding-bottom:35%;background-size:50%}h3:where(.astro-QEM7J3ZN){max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:0;margin:15px}#symbol:where(.astro-QEM7J3ZN){width:70px;height:70px;margin-top:30px}ol:where(.astro-QEM7J3ZN){text-align:center;list-style-position:inside;-webkit-padding-start:0px;padding-inline-start:0px;font-size:x-large}}