html {
  background: #2b2b2b;
}

body {
  min-height: 100vh;
  margin: 0;

  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;

  background-size: fixed;
  background:
    radial-gradient(circle farthest-corner at 35% 90%, #FFDAC1, transparent 50%),
    radial-gradient(circle farthest-corner at 0 140%, #FFE5D9, transparent 50%),
    radial-gradient(ellipse farthest-corner at 0 -25%, #FFF8F0, transparent 50%),
    radial-gradient(ellipse farthest-corner at 20% -50%, #FFFAF0, transparent 50%),
    radial-gradient(ellipse farthest-corner at 100% 0, #FFE4E1, transparent 50%),
    radial-gradient(ellipse farthest-corner at 60% -20%, #FFD4C4, transparent 50%),
    radial-gradient(ellipse farthest-corner at 100% 100%, #FFC8B4, transparent),
    linear-gradient(#FFF5E1, #FFE5D9 30%, #FFDAC1 50%, #FFD4C4 70%, #FFC8B4 100%);
}

.element-expo-pagination {
  bottom: 0;
  background: #ffffff;
  padding: 10px 10px 0 10px;
  border-radius: 10px 10px 0 0;
}

.instagram-background {
  background:
    radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),
    radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
    radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
    radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),
    radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
    radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),
    radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
    linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}