Basic styling

.card {
  background-color: #ffffff;
  width: 300px;
  height: 200px;
  border-radius: 12px;
  padding: 20px;
}

.card > span {
  color: #1a1a2e;
  font-size: 18px;
  font-family: "GothamSSm";
  font-weight: 600;
}

-- Auto-generated by rbx-css
-- Source: styles.css

local function createStyleSheet()
  local sheet = Instance.new("StyleSheet")
  sheet.Name = "StyleSheet"

  -- Rule: .card
  do
    local rule = Instance.new("StyleRule")
    rule.Selector = ".card"
    rule.Parent = sheet
    rule:SetProperties({
      BackgroundColor3 = Color3.fromRGB(255, 255, 255),
      Size = UDim2.new(0, 300, 0, 200),
    })
  end

  -- Rule: .card::UICorner
  do
    local rule = Instance.new("StyleRule")
    rule.Selector = ".card::UICorner"
    rule.Parent = sheet
    rule:SetProperty("CornerRadius", UDim.new(0, 12))
  end

  -- Rule: .card::UIPadding
  do
    local rule = Instance.new("StyleRule")
    rule.Selector = ".card::UIPadding"
    rule.Parent = sheet
    rule:SetProperties({
      PaddingTop = UDim.new(0, 20),
      PaddingBottom = UDim.new(0, 20),
      PaddingLeft = UDim.new(0, 20),
      PaddingRight = UDim.new(0, 20),
    })
  end

  -- Rule: .card > TextLabel (from 'span')
  do
    local rule = Instance.new("StyleRule")
    rule.Selector = ".card > TextLabel"
    rule.Parent = sheet
    rule:SetProperties({
      TextColor3 = Color3.fromRGB(26, 26, 46),
      TextSize = 18,
      FontFace = Font.new(
        "rbxasset://fonts/families/GothamSSm.json",
        Enum.FontWeight.SemiBold
      ),
    })
  end

  return sheet
end

return createStyleSheet