<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Google Logo</title>
<style>
#root {
width: 500px;
height: 500px;
background:
linear-gradient(0deg, rgb(67 133 245 / 1) 0%, rgb(67 133 245 / 1) 100%) 256px 202px / 220px 89px no-repeat no-repeat, /* Blue */
radial-gradient(ellipse at 50% 50%, rgb(255 255 255 / 1) 41%, rgb(255 255 255 / 0) 41.2%, rgb(255 255 255 / 0) 66%, rgb(255 255 255 / 1) 66.2%) 0px 0px / 500px 500px no-repeat no-repeat, /* Mask */
linear-gradient(314deg, rgb(255 255 255 / 1) 50%, rgb(255 255 255 / 0) 50.2%) 301px 2px / 200px 200px no-repeat no-repeat, /* White */
linear-gradient(207deg, rgb(67 133 245 / 1) 50%, rgb(67 133 245 / 0) 50.2%) 232px 200px / 399px 324px no-repeat no-repeat, /* Blue */
linear-gradient(207deg, rgb(234 66 53 / 1) 50%, rgb(234 66 53 / 0) 50.2%) 0px 0px / 500px 500px no-repeat no-repeat, /* Red */
linear-gradient(147deg, rgb(250 188 8 / 1) 50%, rgb(250 188 8 / 0) 50.2%) 9px 128px / 291px 286px no-repeat no-repeat, /* Yellow */
radial-gradient(ellipse at 50% 50%, rgb(50 168 83 / 1) 0%, rgb(50 168 83 / 1) 100%) 0px 0px / 500px 500px no-repeat no-repeat; /* Green */
}
</style>
</head>
<body>
<div id="root"></div>
</body>
</html>